/* =============================================================================
   GetChinaSourcing — 全站样式（设计系统层）
   =============================================================================

   来源：getchinasourcing-site 设计稿「v7b 图文长卷 / photo essay」。
   66 个 HTML 页各自内联一份母表的子集（未用到的规则被剥成空行），本文件是
   把 66 份求并集、消歧后重建的母表。

   ── 三条不要改的约定 ──────────────────────────────────────────────────────

   1) 所有规则都挂在 `.gcs-site` 根作用域下。**不是洁癖，是必须的**：
      Elementor 的 frontend.min.css 里有
          .elementor img{border:none;border-radius:0;box-shadow:none;height:auto;max-width:100%}
      它和 `.ph img` 同特异性 (0,1,1) 且后加载 —— 裸写的话 `height:auto` 会赢，
      这套设计赖以成立的通栏照片系统（.ph img 绝对定位铺满 + object-fit:cover）
      全站塌掉。`.gcs-site .ph img` 是 (0,2,1)，稳赢。
      顺带解决第二个问题：设计稿用了 .card / .main / .row / .panel / .on 这类
      极通用类名，根作用域把它们关在主题自己的 DOM 里，不会跨 widget 串味。

   2) **没有滚动入场动画**。设计稿全站 0 个 IntersectionObserver、0 个 reveal。
      不要"补"一个 —— Elementor 编辑器里 widget 是异步注入的，observer 抓不到，
      内容会永久隐身（szkare 踩过）。这里只有 prefers-reduced-motion 守卫。

   3) **不加载任何 webfont**。设计稿 0 处 Google Fonts、0 处 @font-face。
      正文和标题全用系统衬线（Georgia 栈），无衬线只用于 .28em 超宽字距的微标签
      —— 跟常规做法相反，这是这套稿的签名，换字体等于换设计。

   ── 消歧记录（首页 index.html 与其余 65 页的冲突，取值以 65 页为准）────────

   | 冲突项            | 首页            | 内页(canonical) | 处理                        |
   |-------------------|-----------------|-----------------|-----------------------------|
   | .col 宽度         | 660px           | 680px           | 680 为准，首页走 .gcs-home  |
   | :focus-visible    | #17324C 靛      | #D9B87C 金      | 金为准                      |
   | 品牌副标标签      | .bt span        | .bt i           | <i> 为准                    |
   | .cap              | 图注块(有 h3/p) | figcaption 小字 | 图注保留 .cap，块改 .plate-cap |
   | .btn              | 白底靛字        | 金底靛字        | 金为准，白底 = .btn.is-light |
   | .plate 外距       | 0 0 56px        | 44px 0          | 内页为准                    |

   改本文件不用 bump 版本号 —— enqueue 走 filemtime 自动 cache-bust。
   ============================================================================= */

/* =============================================================================
   1. 设计令牌
   ============================================================================= */

.gcs-site {
	/* 纸与墨 */
	--paper:        #FFFFFF;
	--ink:          #1C2126;
	--ink-soft:     #2B333B;   /* 长文正文，比 --ink 松一档 */
	--muted:        #4A525B;
	--muted-2:      #3E4750;
	--muted-soft:   #6B7480;   /* 次要说明文字（时间戳、口径行、卡片副文） */
	--label:        #8A9099;   /* .tag 微标签 */
	--rule:         #E4E2DD;   /* 全站唯一分隔线色 */
	--rule-soft:    #EFEDE9;

	/* 主色：深靛 —— 页头底、hover、强调 */
	--navy:         #17324C;
	--navy-deep:    #0F2233;   /* 通栏深色带、实心导航 */
	--navy-darkest: #0B1A28;   /* 移动抽屉 */
	--navy-line:    #1D3A50;   /* 深底上的分隔线 */

	/* 次色：金 —— 焦点环、CTA 底、bullet、FAQ 的 +/− */
	--gold:         #D9B87C;
	--gold-ink:     #B08A3C;   /* 深一档，用于「进行中」这类状态字 */
	--gold-wash:    #F1E6D2;   /* strong 的下划衬底（内页） */
	--gold-line:    #C9B590;   /* .more 下划线（内页暖调） */

	/* 首页那套偏冷的强调（跟内页的金调是两套，别混用） */
	--blue-wash:    #DCE6EF;
	--cool-line:    #B6C0CA;

	/* 深底之上的文字，由亮到暗四档 */
	--on-dark-1:    #E4E9EE;
	--on-dark-2:    #D6DDE3;
	--on-dark-3:    #C7D2DB;
	--on-dark-4:    #B9C6D2;

	/* 面 */
	--ph-bg:        #DCDEDD;   /* 图片占位底 */
	--ph-alt:       #6B7178;   /* 图片 alt 文字 */
	--card:         #FAF9F6;   /* 侧栏卡底（暖纸） */
	--hover-soft:   #F1EFEA;
	--wash:         #F7F6F3;   /* 区块淡底（汇总条、内嵌面板） */
	--wash-warm:    #F4F2EE;   /* 芯片/标签底，比 --wash 再暖一点 */
	--wash-deep:    #E8E6E1;   /* 刻度槽、缩略图占位 */

	/* 表单控件描边。比 --rule 冷、比 --cool-line 浅 —— 设计稿里
	   所有 input / select / 分段控件的边框都是这一个值。 */
	--field-line:   #C6CFD6;

	/* 状态色 —— 只有 App 层（客户门户 / 内部台账）用得到：
	   订单进度、质检结果、网关健康、SLA 是否超时。
	   营销页刻意没有这类颜色，别把它们用进前台内容。 */
	--st-ok:        #1F7A5C;   /* 通过 / 已完成 */
	--st-ok-bg:     #E9F2EE;
	--st-warn:      #8A6A22;   /* 临期 / 需留意 */
	--st-warn-ink:  #5A4718;
	--st-warn-bg:   #FDFAF3;
	--st-fail:      #B3271E;   /* 失败 / 逾期 */
	--st-fail-bg:   #FBF1F0;
	--st-fail-line: #E5C0BB;
	--st-info:      #3D6382;   /* 进行中 / 提示 */
	--st-idle:      #DDDBD5;   /* 未开始的圆点 */

	/* 遮罩基色（用 rgb 分量，方便调透明度） */
	--shade-rgb:    12, 20, 28;
	--veil-rgb:     11, 26, 40;

	/* 字体 —— 见文件头第 3 条 */
	--serif: Georgia, "Iowan Old Style", "Times New Roman", Times, serif;
	--sans:  -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

	/* 度量 */
	--col:   680px;
	--wide:  1180px;
	--gut:   24px;
}

/* =============================================================================
   2. 基底
   ============================================================================= */

.gcs-site,
.gcs-site *,
.gcs-site *::before,
.gcs-site *::after { box-sizing: border-box; }

body.gcs-site {
	margin: 0;
	background: var(--paper);
	color: var(--ink);
	font-family: var(--serif);
	font-size: 17.5px;
	line-height: 1.78;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	/* 宽表格 / 横滑控件永远不该把整页顶出横向滚动条 */
	overflow-x: hidden;
}

.gcs-site h1, .gcs-site h2, .gcs-site h3, .gcs-site h4,
.gcs-site p, .gcs-site ul, .gcs-site ol, .gcs-site dl,
.gcs-site dt, .gcs-site dd, .gcs-site figure, .gcs-site table { margin: 0; }

.gcs-site ul, .gcs-site ol { padding: 0; list-style: none; }
.gcs-site a { color: inherit; text-decoration: none; }
.gcs-site img, .gcs-site svg { display: block; max-width: 100%; }

/* 焦点环用金色 —— 深底浅底都够对比，且不跟主色靛蓝混淆 */
.gcs-site :focus-visible { outline: 2px solid var(--gold); outline-offset: 3px; }

/* 键盘用户的跳过链接（设计稿没有，但键盘可达性需要；不影响视觉） */
.gcs-skip {
	position: absolute; left: -9999px; top: 0; z-index: 300;
	background: var(--navy-deep); color: #fff;
	font-family: var(--sans); font-size: 12px; letter-spacing: .16em;
	text-transform: uppercase; padding: 14px 20px;
}
.gcs-skip:focus { left: 0; }

/* 屏幕阅读器专用 */
.gcs-site .sr-only {
	position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
	overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}

/* =============================================================================
   3. 版心 / 微标签
   ============================================================================= */

.gcs-site .col  { max-width: var(--col);  margin: 0 auto; padding: 0 var(--gut); }
.gcs-site .wide { max-width: var(--wide); margin: 0 auto; padding: 0 var(--gut); }

/* .u = 切到无衬线（用在面包屑、图注这类需要跟正文区分的小字） */
.gcs-site .u { font-family: var(--sans); }

/* .tag = 这套设计的签名：10px / .28em 字距 / 全大写 / 无衬线 */
.gcs-site .tag {
	font-family: var(--sans);
	font-size: 10px;
	letter-spacing: .28em;
	text-transform: uppercase;
	color: var(--label);
}

/* =============================================================================
   4. 图片系统
   -----------------------------------------------------------------------------
   .ph 是定比例的容器，img 绝对定位铺满 + object-fit:cover。
   ⚠ 见文件头第 1 条 —— 这几条必须带 .gcs-site 前缀才打得过 .elementor img。
   ============================================================================= */

.gcs-site .ph {
	position: relative;
	overflow: hidden;
	background: var(--ph-bg);
	display: block;
}
.gcs-site .ph img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;      /* ← 被 .elementor img{height:auto} 盯上的就是这一行 */
	object-fit: cover;
	/* 图裂时 alt 文字的样式（设计稿刻意设过） */
	font-family: var(--sans);
	font-size: 12px;
	color: var(--ph-alt);
}
.gcs-site .r169 { aspect-ratio: 16 / 9; }
.gcs-site .r54  { aspect-ratio: 5 / 4;  }

/* 通栏照片当背景用时取消比例约束，靠父容器撑开 */
.gcs-site .hero .ph,
.gcs-site .phero .ph,
.gcs-site .band .ph,
.gcs-site .proc .ph,
.gcs-site .case .ph,
.gcs-site .end .ph,
.gcs-site .cta .ph,
.gcs-site .bandhead .ph,
.gcs-site .search-hero .ph { position: absolute; inset: 0; aspect-ratio: auto; }

/* 由下往上的渐变（文字压在照片下缘时用） */
.gcs-site .shade::after {
	content: ""; position: absolute; inset: 0;
	background: linear-gradient(to top,
		rgba(var(--shade-rgb), .84) 0%,
		rgba(var(--shade-rgb), .34) 44%,
		rgba(var(--shade-rgb), .05) 74%);
}
/* 由左往右（文字压在左半边时用） */
.gcs-site .shade-l::after {
	content: ""; position: absolute; inset: 0;
	background: linear-gradient(to right,
		rgba(var(--shade-rgb), .86) 0%,
		rgba(var(--shade-rgb), .42) 52%,
		rgba(var(--shade-rgb), .10) 100%);
}

/* =============================================================================
   5. 品牌字标
   -----------------------------------------------------------------------------
   圆环 + 金/白双条 SVG + 衬线小写字标 + .3em 字距的副标。
   深底用 .brand（白），浅底用 .brand.brand-ink（墨）。
   ============================================================================= */

.gcs-site .brand { display: flex; align-items: center; gap: 11px; }
.gcs-site .brand svg { flex: none; }
.gcs-site .bt { line-height: 1.02; }
.gcs-site .bt b {
	display: block;
	font-family: var(--serif);
	font-weight: 400;              /* 字标不加粗 —— 加粗就不是这套设计了 */
	font-size: 16.5px;
	letter-spacing: -.012em;
}
.gcs-site .bt i {
	display: block;
	font-style: normal;
	font-family: var(--sans);
	font-size: 7.5px;
	letter-spacing: .3em;
	text-transform: uppercase;
	margin-top: 4px;
	color: rgba(255, 255, 255, .6);
}
.gcs-site .brand-ink { color: var(--ink); }
.gcs-site .brand-ink .bt i { color: var(--label); }

/* =============================================================================
   6. 导航
   -----------------------------------------------------------------------------
   两态：
     .nav          透明浮在 hero / phero / bandhead 之上（营销页）
     .nav.solid    实心深色条，正常文档流（工具页、状态页、后台风格页）
   扁平 7 项 + 一个 CTA，没有下拉分组 —— 结构由 header.php 的
   gcs_render_primary_nav() 直出，不走 wp_nav_menu 父子。
   ============================================================================= */

.gcs-site .nav {
	position: absolute; top: 0; left: 0; right: 0;
	z-index: 20;
	padding: 22px 0;
}
.gcs-site .nav-in { display: flex; align-items: center; gap: 18px; }
.gcs-site .nav a { color: #fff; }

.gcs-site .nav-lk { display: none; }          /* < 1100px 收进抽屉 */

.gcs-site .nav-cta {
	margin-left: auto;
	font-family: var(--sans);
	font-size: 11px;
	letter-spacing: .16em;
	text-transform: uppercase;
	border-bottom: 1px solid rgba(255, 255, 255, .55);
	padding-bottom: 3px;
}
.gcs-site .nav-cta:hover { border-color: var(--gold); color: var(--gold); }

.gcs-site .nav-mb {
	margin-left: auto;
	background: none;
	border: 1px solid rgba(255, 255, 255, .45);
	color: #fff;
	font-family: var(--sans);
	font-size: 10px;
	letter-spacing: .18em;
	text-transform: uppercase;
	padding: 8px 12px;
	cursor: pointer;
}

/* 移动抽屉 */
.gcs-site .dw { display: none; background: var(--navy-deep); padding: 8px 0 20px; }
.gcs-site .dw.open { display: block; }
.gcs-site .dw a {
	display: block; padding: 13px 0;
	color: var(--on-dark-1);
	border-bottom: 1px solid var(--navy-line);
}

/* 实心态 */
.gcs-site .nav.solid { position: static; background: var(--navy-deep); padding: 0; }
.gcs-site .nav.solid .nav-in {
	height: 60px; padding: 0 var(--gut);
	max-width: var(--wide); margin: 0 auto;
}
.gcs-site .nav.solid .dw { background: var(--navy-darkest); }

/* 应用/工具页把字标缩一档 */
.gcs-site .appbar .brand svg { width: 26px; height: 26px; }
.gcs-site .appbar .bt b { font-size: 14px; }
.gcs-site .appbar .bt i { font-size: 7px; }

/* 当前页高亮（设计稿是静态站没有这个状态，WP 需要） */
.gcs-site .nav-lk a[aria-current="page"],
.gcs-site .dw a[aria-current="page"] { color: var(--gold); }

/* =============================================================================
   7. 页头三种
   -----------------------------------------------------------------------------
   .hero      首页专用，86vh 满屏照片
   .phero     详情页，62vh
   .bandhead  索引页 / 表单页，不占满屏的短版深色带
   ============================================================================= */

/* — 首页 hero — */
.gcs-site .hero {
	position: relative; min-height: 86vh;
	display: flex; align-items: flex-end;
	background: var(--navy-deep);
}
.gcs-site .hero-tx { position: relative; padding: 0 0 58px; color: #fff; }
.gcs-site .hero h1 {
	font-size: 39px; line-height: 1.06; font-weight: 400;
	letter-spacing: -.022em; max-width: 15ch; margin: 16px 0 20px;
}
.gcs-site .hero .sub { font-size: 18px; color: var(--on-dark-2); max-width: 46ch; }
.gcs-site .hero .tag { color: var(--on-dark-4); }

/* — 详情页 phero — */
.gcs-site .phero {
	position: relative; min-height: 62vh;
	display: flex; align-items: flex-end;
	background: var(--navy);
}
.gcs-site .phero-tx { position: relative; padding: 0 0 52px; color: #fff; }
.gcs-site .phero .tag { color: var(--gold); }
.gcs-site .phero h1 {
	font-size: 34px; line-height: 1.08; font-weight: 400;
	letter-spacing: -.022em; max-width: 18ch; margin: 16px 0 18px;
}
.gcs-site .phero .sub { font-size: 18px; color: var(--on-dark-2); max-width: 48ch; }

/* — 索引页 bandhead — */
.gcs-site .bandhead { position: relative; background: var(--navy); color: #fff; }
.gcs-site .bandhead .ph::after {
	content: ""; position: absolute; inset: 0;
	background: rgba(var(--veil-rgb), .8);
}
.gcs-site .bandhead-in {
	position: relative;
	max-width: var(--wide); margin: 0 auto;
	padding: 44px var(--gut) 46px;
}
.gcs-site .bandhead h1,.gcs-site .bandhead h2 {
	font-size: 32px; font-weight: 400; letter-spacing: -.025em;
	line-height: 1.1; margin: 14px 0 12px; max-width: 20ch;
}
.gcs-site .bandhead .sub { font-size: 17.5px; color: var(--on-dark-3); max-width: 52ch; }
.gcs-site .bandhead .crumb { color: rgba(255, 255, 255, .6); }

/* 深色页头顶着绝对定位的导航时要留出高度，否则字标压在标题上 */
.gcs-site .bandhead.has-floating-nav .bandhead-in { padding-top: 100px; }

/* 面包屑 */
.gcs-site .crumb {
	font-family: var(--sans); font-size: 11px; letter-spacing: .14em;
	text-transform: uppercase; color: rgba(255, 255, 255, .62);
	margin-bottom: 4px;
}
.gcs-site .crumb a:hover { color: var(--gold); }

/* =============================================================================
   8. 长文排版（.prose）—— 全站主力
   ============================================================================= */

.gcs-site .prose { padding: 56px 0 20px; }

.gcs-site .prose h2 {
	font-size: 29px; font-weight: 400; letter-spacing: -.026em;
	line-height: 1.2; margin: 52px 0 18px;
}
.gcs-site .prose h2:first-child { margin-top: 0; }
.gcs-site .prose h3 {
	font-size: 21px; font-weight: 400; letter-spacing: -.018em;
	margin: 34px 0 12px;
}
.gcs-site .prose p { margin-bottom: 20px; }
.gcs-site .prose p + p { margin-top: -4px; }

/* 强调不用粗体，用下划色块衬底 —— 这套设计的第二个签名 */
.gcs-site .prose strong,
.gcs-site .prose b { font-weight: 400; box-shadow: inset 0 -.5em 0 var(--gold-wash); }

/* 正文里的链接：细下划线，hover 转主色 */
.gcs-site .prose a { border-bottom: 1px solid var(--gold-line); }
.gcs-site .prose a:hover { color: var(--navy); border-color: var(--navy); }

/* 首段导语 */
.gcs-site .lead {
	font-size: 21px; line-height: 1.62; letter-spacing: -.008em;
	margin-bottom: 26px;
}

/* 旁注：金色左边线 */
.gcs-site .note {
	border-left: 3px solid var(--gold);
	padding: 2px 0 2px 20px;
	margin: 0 0 26px;
	color: var(--muted);
	font-size: 16.5px;
}

/* 署名行 */
.gcs-site .byline {
	font-family: var(--sans); font-size: 12.5px; color: var(--label);
	letter-spacing: .04em;
	padding-bottom: 16px; margin-bottom: 26px;
	border-bottom: 1px solid var(--rule);
}
.gcs-site .byline b { color: var(--muted); font-weight: 400; }

/* 方块 bullet 列表 */
.gcs-site .prose ul.b { margin: 0 0 24px; }
.gcs-site .prose ul.b li { position: relative; padding-left: 22px; margin-bottom: 11px; }
.gcs-site .prose ul.b li::before {
	content: ""; position: absolute; left: 2px; top: 13px;
	width: 7px; height: 7px; background: var(--gold);
}

/* 01. 02. 03. 前导零编号列表 */
.gcs-site .prose ol.n { counter-reset: s; margin: 0 0 24px; }
.gcs-site .prose ol.n li {
	counter-increment: s; position: relative;
	padding-left: 38px; margin-bottom: 16px;
}
.gcs-site .prose ol.n li::before {
	content: counter(s, decimal-leading-zero);
	position: absolute; left: 0; top: 4px;
	font-family: var(--sans); font-size: 11px; letter-spacing: .1em;
	color: var(--label);
}

/* 通栏图 + 图注 */
.gcs-site .plate { margin: 44px 0; }
.gcs-site .cap {
	font-family: var(--sans); font-size: 12px;
	color: var(--label); margin-top: 12px; line-height: 1.5;
}

/* =============================================================================
   9. 数据表
   -----------------------------------------------------------------------------
   两列规格表。移动端外层 .tbl-wrap 横滚 —— 表格自己绝不把页面顶宽。
   ============================================================================= */

.gcs-site .tbl-wrap {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	margin: 0 0 28px;
}
.gcs-site .tbl {
	width: 100%; border-collapse: collapse;
	font-size: 16px; margin: 0 0 28px;
}
.gcs-site .tbl-wrap .tbl { margin-bottom: 0; min-width: 460px; }
.gcs-site .tbl th {
	text-align: left;
	font-family: var(--sans); font-size: 10.5px; letter-spacing: .14em;
	text-transform: uppercase; color: var(--label); font-weight: 400;
	padding: 12px 14px 12px 0;
	border-bottom: 1px solid var(--ink);
}
.gcs-site .tbl td {
	padding: 15px 14px 15px 0;
	border-bottom: 1px solid var(--rule);
	vertical-align: top;
}
.gcs-site .tbl td:first-child { width: 34%; }

/* =============================================================================
   10. FAQ（原生 <details>，不用 JS）
   ============================================================================= */

.gcs-site .faq { border-top: 1px solid var(--rule); margin: 0 0 30px; }
.gcs-site .faq details { border-bottom: 1px solid var(--rule); }
.gcs-site .faq summary {
	cursor: pointer; padding: 20px 30px 20px 0;
	position: relative; font-size: 19px; list-style: none;
}
.gcs-site .faq summary::-webkit-details-marker { display: none; }
.gcs-site .faq summary::after {
	content: "+"; position: absolute; right: 4px; top: 19px;
	font-family: var(--sans); color: var(--gold); font-size: 20px;
}
.gcs-site .faq details[open] summary::after { content: "−"; }
.gcs-site .faq .a { padding: 0 0 22px; color: var(--muted); font-size: 16.5px; }

/* =============================================================================
   11. 按钮 / 更多链接
   ============================================================================= */

.gcs-site .btn {
	display: inline-block;
	font-family: var(--sans); font-size: 12px; letter-spacing: .2em;
	text-transform: uppercase;
	color: var(--navy); background: var(--gold);
	padding: 16px 30px;
	border: 0; cursor: pointer;
}
.gcs-site .btn:hover { background: #fff; }

/* 首页 hero 尾那个白底变体 */
.gcs-site .btn.is-light { color: var(--navy-deep); background: #fff; }
.gcs-site .btn.is-light:hover { background: var(--blue-wash); }

/* 描边变体（次级动作） */
.gcs-site .btn-o {
	display: inline-block;
	font-family: var(--sans); font-size: 12px; letter-spacing: .2em;
	text-transform: uppercase;
	color: var(--navy); background: transparent;
	border: 1px solid var(--navy);
	padding: 15px 29px; cursor: pointer;
}
.gcs-site .btn-o:hover { background: var(--navy); color: #fff; }

/* 「继续读」这类文字链 */
.gcs-site .more {
	display: inline-block; margin-top: 14px;
	font-family: var(--sans); font-size: 11px; letter-spacing: .18em;
	text-transform: uppercase;
	border-bottom: 1px solid var(--gold-line);
	padding-bottom: 3px;
}
.gcs-site .more:hover { border-color: var(--navy); }

/* =============================================================================
   12. CTA 照片带（每页页尾）
   ============================================================================= */

.gcs-site .cta { position: relative; color: #fff; background: var(--navy); margin-top: 64px; }
.gcs-site .cta .ph::after {
	content: ""; position: absolute; inset: 0;
	background: rgba(var(--veil-rgb), .8);
}
.gcs-site .cta-in {
	position: relative; padding: 80px var(--gut);
	text-align: center; max-width: 640px; margin: 0 auto;
}
.gcs-site .cta h2 {
	font-size: 30px; font-weight: 400; letter-spacing: -.028em;
	line-height: 1.18; margin: 14px 0;
}
.gcs-site .cta p { font-size: 17px; color: var(--on-dark-2); margin-bottom: 26px; }
.gcs-site .cta .tag { color: var(--gold); }

/* =============================================================================
   13. 相关内容三卡
   ============================================================================= */

.gcs-site .rel { padding: 56px 0; }
.gcs-site .rel h2 {
	font-size: 24px; font-weight: 400; letter-spacing: -.024em;
	margin: 12px 0 24px;
}
.gcs-site .rel-g { display: grid; gap: 26px; }
.gcs-site .rel-g h3 {
	font-size: 19px; font-weight: 400; letter-spacing: -.02em;
	line-height: 1.24; margin: 12px 0 8px;
}
.gcs-site .rel-g p { font-size: 15.5px; color: var(--muted); }

/* =============================================================================
   14. 粘性侧栏（表单页 / 联系页）
   ============================================================================= */

.gcs-site .stick .card {
	border: 1px solid var(--rule);
	padding: 22px 20px; margin-bottom: 16px;
	background: var(--card);
}
.gcs-site .stick .card h3 { font-size: 17px; font-weight: 400; margin-bottom: 12px; }
.gcs-site .stick .card p  { font-size: 14.5px; color: var(--muted); }
.gcs-site .stick .card ol.n li { padding-left: 32px; margin-bottom: 12px; font-size: 15px; }
.gcs-site .stick .mini {
	display: grid; gap: 10px;
	font-family: var(--sans); font-size: 13.5px; color: var(--muted-2);
}
.gcs-site .stick .mini li { display: flex; gap: 9px; align-items: flex-start; }
.gcs-site .stick .mini svg { flex: none; margin-top: 3px; }

/* =============================================================================
   15. 页脚
   ============================================================================= */

.gcs-site .ft {
	padding: 56px 0 34px;
	font-size: 16px; color: var(--muted);
	border-top: 1px solid var(--rule);
}
.gcs-site .ft a:hover { color: var(--ink); }
.gcs-site .ft-cols { display: grid; gap: 30px; margin: 36px 0 44px; }
.gcs-site .ft h3 {
	font-family: var(--sans); font-size: 10px; letter-spacing: .24em;
	text-transform: uppercase; color: var(--label); margin-bottom: 14px;
}
.gcs-site .ft li { margin-bottom: 9px; }
.gcs-site .ft-bot {
	border-top: 1px solid var(--rule); padding-top: 22px;
	display: grid; gap: 12px;
	font-size: 14px; color: var(--label);
}
.gcs-site .ft-legal { display: flex; flex-wrap: wrap; gap: 18px; }
/* 注册主体信息（法务全名 / 地址 / 电话）—— 留空的字段整行不渲染 */
.gcs-site .ft-entity { margin-top: 10px; font-size: 13.5px; line-height: 1.7; color: var(--label); }

/* =============================================================================
   16. Cookie 同意条
   ============================================================================= */

.gcs-site .cookiebar {
	position: fixed; left: 0; right: 0; bottom: 0; z-index: 200;
	background: var(--navy-deep); color: var(--on-dark-2);
	border-top: 2px solid var(--gold);
	padding: 16px 20px;
	font-family: var(--sans);
}
.gcs-site .cookiebar-in {
	max-width: var(--wide); margin: 0 auto;
	display: grid; gap: 14px; align-items: center;
}
.gcs-site .cookiebar p { font-size: 13.5px; line-height: 1.6; margin: 0; }
.gcs-site .cookiebar a { color: var(--gold); border-bottom: 1px solid rgba(217, 184, 124, .5); }
.gcs-site .cookiebar .acts { display: flex; gap: 9px; flex-wrap: wrap; }
.gcs-site .cookiebar button {
	font: inherit; font-size: 11.5px; letter-spacing: .14em; text-transform: uppercase;
	padding: 11px 18px; cursor: pointer;
	border: 1px solid #3A4A5A; background: transparent; color: var(--on-dark-2);
	white-space: nowrap;
}
.gcs-site .cookiebar button.primary { background: var(--gold); border-color: var(--gold); color: var(--navy); }
.gcs-site .cookiebar button:hover { border-color: var(--gold); color: var(--gold); }
.gcs-site .cookiebar button.primary:hover { background: #fff; color: var(--navy); }

/* =============================================================================
   17. 首页专属覆盖
   -----------------------------------------------------------------------------
   见文件头的消歧表 —— 首页那套（660px 版心 / 冷调强调 / 白底按钮）跟内页
   不同，全部关在 .gcs-home 里，避免两套值互相打架。
   ============================================================================= */

.gcs-home .col { max-width: 660px; }

/* 导语段 */
.gcs-home .intro { padding: 64px 0 54px; }
.gcs-home .intro p { font-size: 22px; line-height: 1.6; letter-spacing: -.01em; }
.gcs-home .intro p + p { font-size: 17.5px; color: var(--muted); margin-top: 22px; }

/* 数据带（压在暗化照片上） */
.gcs-home .band { position: relative; color: #fff; background: var(--navy-deep); }
.gcs-home .band .ph::after {
	content: ""; position: absolute; inset: 0;
	background: rgba(var(--veil-rgb), .84);
}
.gcs-home .band-in { position: relative; padding: 60px 0; }
.gcs-home .band ul { display: grid; grid-template-columns: 1fr 1fr; gap: 34px 20px; }
.gcs-home .band .v { font-size: 44px; line-height: 1; letter-spacing: -.03em; }
.gcs-home .band .l {
	font-size: 13.5px; color: var(--on-dark-4);
	margin-top: 10px; line-height: 1.5; max-width: 20ch;
}

/* 左右交替的图文行 */
.gcs-home .rows { border-top: 1px solid var(--rule); }
.gcs-home .rows > a { display: grid; border-bottom: 1px solid var(--rule); }
.gcs-home .row-tx { padding: 30px var(--gut) 38px; max-width: 660px; margin: 0 auto; width: 100%; }
.gcs-home .rows h3 {
	font-size: 29px; font-weight: 400; letter-spacing: -.024em;
	line-height: 1.16; margin: 14px 0 12px;
}
.gcs-home .rows p { font-size: 17px; color: var(--muted); max-width: 44ch; }
.gcs-home .rows .more { margin-top: 18px; border-color: var(--cool-line); }
.gcs-home .rows > a:hover h3 { color: var(--navy); }
.gcs-home .rows > a:hover .more { border-color: var(--navy); }

/* 章节头 */
.gcs-home .shead { padding: 76px 0 34px; }
.gcs-home .shead h2 {
	font-size: 31px; font-weight: 400; letter-spacing: -.026em;
	line-height: 1.18; margin: 14px 0;
}
.gcs-home .shead p { font-size: 17.5px; color: var(--muted); }

/* 通栏图 + 标题块（跟内页的 figcaption .cap 不是一回事，故另起类名） */
.gcs-home .plate { margin: 0 0 56px; }
.gcs-home .plate-cap { max-width: 660px; margin: 0 auto; padding: 22px var(--gut) 0; }
.gcs-home .plate-cap h3 {
	font-size: 28px; font-weight: 400; letter-spacing: -.024em;
	line-height: 1.2; margin: 12px 0;
}
.gcs-home .plate-cap p { font-size: 17px; color: var(--muted); }

/* 流程步骤（压在暗化照片上） */
.gcs-home .proc { position: relative; color: #fff; background: var(--navy-deep); }
.gcs-home .proc .ph::after {
	content: ""; position: absolute; inset: 0;
	background: rgba(var(--veil-rgb), .87);
}
.gcs-home .proc-in { position: relative; padding: 70px 0; }
.gcs-home .proc h2 {
	font-size: 29px; font-weight: 400; letter-spacing: -.026em;
	margin: 14px 0 34px; max-width: 18ch;
}
.gcs-home .proc .tag { color: var(--on-dark-4); }
.gcs-home .proc ol { display: grid; }
.gcs-home .proc li { padding: 22px 0; border-top: 1px solid rgba(255, 255, 255, .24); }
.gcs-home .proc li:last-child { border-bottom: 1px solid rgba(255, 255, 255, .24); }
.gcs-home .proc .st {
	font-family: var(--sans); font-size: 10px; letter-spacing: .24em;
	text-transform: uppercase; color: var(--on-dark-4);
	display: block; margin-bottom: 8px;
}
.gcs-home .proc h3 { font-size: 20px; font-weight: 400; margin-bottom: 6px; }
.gcs-home .proc p { font-size: 15.5px; color: var(--on-dark-4); max-width: 40ch; }

/* 客户案例巨型数字 */
.gcs-home .case,
.gcs-site .case { position: relative; color: #fff; margin-bottom: 2px; background: var(--navy-deep); }
.gcs-site .case-in { position: relative; padding: 64px var(--gut); max-width: var(--wide); margin: 0 auto; }
.gcs-site .case .big { font-size: 76px; line-height: .9; letter-spacing: -.05em; margin-bottom: 18px; }
.gcs-site .case h3 { font-size: 26px; font-weight: 400; letter-spacing: -.02em; margin-bottom: 10px; max-width: 20ch; }
.gcs-site .case p { font-size: 16.5px; color: var(--on-dark-2); max-width: 44ch; }
.gcs-site .case .tag { color: var(--on-dark-4); }

/* 长段落 + 信任清单 + logo 带 */
.gcs-home .run { padding: 70px 0 20px; }
.gcs-home .run h2 { font-size: 29px; font-weight: 400; letter-spacing: -.026em; margin: 14px 0 20px; }
.gcs-home .run p { font-size: 19px; line-height: 1.72; color: var(--ink-soft); }
.gcs-home .run p b { font-weight: 400; box-shadow: inset 0 -.5em 0 var(--blue-wash); }
.gcs-home .trust { padding: 44px 0 0; }
.gcs-home .trust dl { border-top: 1px solid var(--rule); }
.gcs-home .trust dt { font-size: 19px; padding-top: 24px; letter-spacing: -.012em; }
.gcs-home .trust dd {
	margin: 6px 0 0; padding-bottom: 24px;
	border-bottom: 1px solid var(--rule);
	font-size: 16.5px; color: var(--muted);
}
.gcs-home .marks {
	display: grid; grid-template-columns: repeat(2, 1fr); gap: 1px;
	background: var(--rule);
	border-top: 1px solid var(--rule); border-bottom: 1px solid var(--rule);
	margin-top: 56px;
}
.gcs-home .mk { background: var(--paper); height: 88px; display: flex; align-items: center; justify-content: center; }

/* 收尾 CTA */
.gcs-home .end { position: relative; color: #fff; background: var(--navy-deep); margin-top: 70px; }
.gcs-home .end .ph::after {
	content: ""; position: absolute; inset: 0;
	background: rgba(var(--veil-rgb), .8);
}
.gcs-home .end-in {
	position: relative; padding: 86px var(--gut);
	text-align: center; max-width: 660px; margin: 0 auto;
}
.gcs-home .end h2 {
	font-size: 32px; font-weight: 400; letter-spacing: -.028em;
	line-height: 1.18; margin: 14px 0 16px;
}
.gcs-home .end p { font-size: 17.5px; color: var(--on-dark-2); margin-bottom: 28px; }
.gcs-home .end .tag { color: var(--on-dark-4); }

/* 首页页脚不带上边线（它前面就是深色 CTA 块） */
.gcs-home .ft { border-top: 0; }

/* =============================================================================
   17.5 索引页版式
   -----------------------------------------------------------------------------
   services / solutions / sourcing / policies / cost-to-import / resources /
   case-studies / pricing / how-it-works 各有专属版式，都在这一节。

   ⚠ 两处相对设计稿**故意改了类名**，因为原名在 WordPress 里会跨组件串味：

     设计稿          本主题            为什么
     .costidx .band  .costidx .cband   .band 是首页的数据带（深色底、白字、
                                       position:relative）。成本情报卡一旦被放到
                                       首页，价格区间会整块变成深蓝底白字。
     .plan .cta      .plan .plan-cta   .cta 是通栏的收尾 CTA 带（深底 + 80px 内距）。
                                       定价卡里的按钮容器套上它会撑爆整张卡。

   这类"非作用域修饰词类名"是同底座项目反复踩的坑（.featured / .active / .node
   都出过事）。新增组件前先 grep 一遍类名有没有被别处占用。
   ============================================================================= */

/* ── 服务矩阵（services） ── */
.gcs-site .matrix {
	max-width: var(--wide); margin: 0 auto;
	padding: 44px var(--gut) 10px;
	display: grid; gap: 1px;
	background: var(--rule); border: 1px solid var(--rule);
}
.gcs-site .mt {
	background: var(--paper); padding: 26px 22px 24px;
	display: flex; flex-direction: column;
	position: relative; min-height: 180px;
}
.gcs-site .mt:hover { background: var(--card); }
.gcs-site .mt .n {
	font-family: var(--sans); font-size: 11px; letter-spacing: .2em;
	color: #A9A69F; margin-bottom: 12px;
}
.gcs-site .mt h3 { font-size: 22px; font-weight: 400; letter-spacing: -.02em; line-height: 1.2; margin-bottom: 9px; }
.gcs-site .mt p  { font-size: 15px; color: var(--muted); margin-bottom: 16px; }
.gcs-site .mt .go {
	margin-top: auto;
	font-family: var(--sans); font-size: 11px; letter-spacing: .18em;
	text-transform: uppercase; color: var(--navy);
	display: flex; align-items: center; gap: 8px;
}
.gcs-site .mt:hover .go { color: var(--gold-ink); }
/* 特写瓦片 */
.gcs-site .mt.feat { background: var(--navy); color: #fff; overflow: hidden; }
.gcs-site .mt.feat .ph { position: absolute; inset: 0; aspect-ratio: auto; }
.gcs-site .mt.feat .ph::after { content: ""; position: absolute; inset: 0; background: rgba(var(--veil-rgb), .82); }
.gcs-site .mt.feat > * { position: relative; }
.gcs-site .mt.feat .n  { color: var(--gold); }
.gcs-site .mt.feat h3  { font-size: 27px; }
.gcs-site .mt.feat p   { color: var(--on-dark-3); }
.gcs-site .mt.feat .go { color: var(--gold); }

/* ── 买家类型选择器（solutions） ── */
.gcs-site .chooser { max-width: var(--wide); margin: 0 auto; padding: 44px var(--gut) 0; display: grid; gap: 34px; }
.gcs-site .chooser-intro .lbl {
	font-family: var(--sans); font-size: 10px; letter-spacing: .28em;
	text-transform: uppercase; color: var(--label); margin-bottom: 14px;
}
.gcs-site .chooser-intro h2 { font-size: 28px; font-weight: 400; letter-spacing: -.026em; line-height: 1.18; margin-bottom: 14px; }
.gcs-site .chooser-intro p  { font-size: 16.5px; color: var(--muted); }
.gcs-site .cgrid { display: grid; gap: 1px; background: var(--rule); border: 1px solid var(--rule); }
.gcs-site .cg {
	background: var(--paper); padding: 24px 20px;
	display: flex; flex-direction: column; min-height: 160px;
}
.gcs-site .cg:hover { background: var(--card); }
.gcs-site .cg h3 { font-size: 19px; font-weight: 400; letter-spacing: -.018em; line-height: 1.25; margin-bottom: 8px; }
.gcs-site .cg p  { font-size: 14.5px; color: var(--muted); margin-bottom: 14px; }
.gcs-site .cg .go {
	margin-top: auto;
	font-family: var(--sans); font-size: 11px; letter-spacing: .18em;
	text-transform: uppercase; color: var(--navy);
}
.gcs-site .cg:hover .go { color: var(--gold-ink); }

/* ── 采购城市横条（sourcing） ── */
.gcs-site .matrix-w { max-width: var(--wide); margin: 0 auto; padding: 44px var(--gut) 10px; }
.gcs-site .hubrow { border-top: 1px solid var(--rule); display: grid; gap: 0; }
.gcs-site .hubrow > a {
	display: grid; gap: 18px; padding: 26px 0;
	border-bottom: 1px solid var(--rule); align-items: center;
}
.gcs-site .hubrow .city { font-size: 34px; font-weight: 400; letter-spacing: -.03em; line-height: 1; }
.gcs-site .hubrow .cn {
	font-family: var(--sans); font-size: 10.5px; letter-spacing: .22em;
	text-transform: uppercase; color: #A9A69F; margin-bottom: 8px;
}
.gcs-site .hubrow p { font-size: 15.5px; color: var(--muted); max-width: 44ch; }
.gcs-site .hubrow .tagz { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
.gcs-site .hubrow .tagz span {
	font-family: var(--sans); font-size: 11.5px;
	border: 1px solid var(--rule); padding: 3px 9px; color: var(--muted);
}
.gcs-site .hubrow > a:hover .city { color: var(--navy); }

/* .pic —— 索引卡里的定比例图容器（跟通栏的 .ph 是两套，别混用） */
.gcs-site .pic { position: relative; overflow: hidden; background: var(--ph-bg); }
.gcs-site .pic img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.gcs-site .hubrow .pic   { aspect-ratio: 16 / 10; }
.gcs-site .mag-feat .pic { aspect-ratio: 16 / 9; margin-bottom: 18px; }
.gcs-site .casecard .pic { aspect-ratio: 16 / 9; }

/* ── 政策索引（policies） ── */
.gcs-site .polgrid {
	display: grid; gap: 1px;
	background: var(--rule); border: 1px solid var(--rule);
	margin: 26px 0 34px;
}
.gcs-site .polgrid a { background: var(--paper); padding: 22px 20px; display: flex; flex-direction: column; }
.gcs-site .polgrid a:hover { background: var(--card); }
.gcs-site .polgrid .n {
	font-family: var(--sans); font-size: 10.5px; letter-spacing: .2em;
	color: #A9A69F; margin-bottom: 11px;
}
.gcs-site .polgrid h3 { font-size: 19px; font-weight: 400; letter-spacing: -.018em; line-height: 1.25; margin-bottom: 8px; }
.gcs-site .polgrid p  { font-size: 14.5px; color: var(--muted); margin-bottom: 14px; }
.gcs-site .polgrid .go {
	margin-top: auto;
	font-family: var(--sans); font-size: 11px; letter-spacing: .16em;
	text-transform: uppercase; color: var(--navy);
}
.gcs-site .polgrid a:hover .go { color: var(--gold-ink); }

/* ── 成本情报索引（cost-to-import） ── */
.gcs-site .costidx { display: grid; gap: 1px; background: var(--rule); border: 1px solid var(--rule); margin: 26px 0; }
.gcs-site .costidx a { background: var(--paper); padding: 18px 18px 16px; display: flex; flex-direction: column; }
.gcs-site .costidx a:hover { background: var(--card); }
.gcs-site .costidx h3 { font-size: 17.5px; font-weight: 400; letter-spacing: -.015em; line-height: 1.25; margin-bottom: 10px; }
/* ⚠ 设计稿这里叫 .band —— 改名见本节开头 */
.gcs-site .costidx .cband { font-size: 24px; letter-spacing: -.03em; color: var(--navy); line-height: 1; }
.gcs-site .costidx .u {
	font-family: var(--sans); font-size: 10.5px; letter-spacing: .13em;
	text-transform: uppercase; color: var(--label); margin-top: 6px;
}
.gcs-site .costidx .m {
	margin-top: auto; padding-top: 12px;
	font-family: var(--sans); font-size: 11.5px; color: var(--label);
	display: flex; gap: 12px; flex-wrap: wrap;
	border-top: 1px solid var(--rule-soft);
}

/* ── 杂志式指南索引（resources） ── */
.gcs-site .mag { max-width: var(--wide); margin: 0 auto; padding: 44px var(--gut) 0; display: grid; gap: 34px; }
.gcs-site .mag-feat h2 { font-size: 30px; font-weight: 400; letter-spacing: -.026em; line-height: 1.18; margin: 12px 0; }
.gcs-site .mag-feat p  { font-size: 17px; color: var(--muted); margin-bottom: 16px; }
.gcs-site .mag-side { font-family: var(--sans); }
.gcs-site .mag-side .lbl {
	font-size: 10px; letter-spacing: .28em; text-transform: uppercase;
	color: var(--label); margin-bottom: 14px;
}
.gcs-site .mag-side ul { border-top: 1px solid var(--rule); }
.gcs-site .mag-side li {
	padding: 14px 0; border-bottom: 1px solid var(--rule);
	font-size: 15px; color: var(--muted-2); line-height: 1.5;
}
.gcs-site .mag-side li b {
	display: block; font-family: var(--serif); font-weight: 400;
	font-size: 10px; letter-spacing: .2em; text-transform: uppercase;
	color: var(--gold-ink); margin-bottom: 5px;
}

/* ── 案例卡（case-studies） ── */
.gcs-site .cases-g { display: grid; gap: 26px; margin: 26px 0; }
.gcs-site .casecard { border: 1px solid var(--rule); display: flex; flex-direction: column; }
.gcs-site .casecard .cb { padding: 22px 20px; display: flex; flex-direction: column; flex: 1; }
.gcs-site .casecard .metric { font-size: 44px; letter-spacing: -.045em; color: var(--navy); line-height: 1; margin-bottom: 10px; }
.gcs-site .casecard h3 { font-size: 20px; font-weight: 400; letter-spacing: -.02em; line-height: 1.24; margin-bottom: 10px; }
.gcs-site .casecard p  { font-size: 15px; color: var(--muted); margin-bottom: 14px; }
.gcs-site .casecard .meta {
	margin-top: auto;
	font-family: var(--sans); font-size: 11.5px; letter-spacing: .1em;
	text-transform: uppercase; color: var(--label);
	display: flex; flex-wrap: wrap; gap: 12px;
	padding-top: 14px; border-top: 1px solid var(--rule-soft);
}

/* ── 费率块（pricing） ── */
.gcs-site .plans { display: grid; gap: 1px; background: var(--rule); border: 1px solid var(--rule); margin: 26px 0; }
.gcs-site .plan  { background: var(--paper); padding: 26px 22px; display: flex; flex-direction: column; }
.gcs-site .plan.hi { background: var(--navy); color: #fff; }
.gcs-site .plan .kind {
	font-family: var(--sans); font-size: 10.5px; letter-spacing: .2em;
	text-transform: uppercase; color: var(--gold-ink); margin-bottom: 12px;
}
.gcs-site .plan.hi .kind { color: var(--gold); }
.gcs-site .plan h3 { font-size: 23px; font-weight: 400; letter-spacing: -.02em; margin-bottom: 10px; }
.gcs-site .plan .price { font-size: 34px; letter-spacing: -.03em; color: var(--navy); margin: 6px 0 4px; line-height: 1.1; }
.gcs-site .plan.hi .price { color: var(--gold); }
.gcs-site .plan .unit {
	font-family: var(--sans); font-size: 12px; color: var(--label);
	letter-spacing: .06em; margin-bottom: 16px;
}
.gcs-site .plan.hi .unit { color: #9FB0BE; }
.gcs-site .plan p { font-size: 15px; color: var(--muted); margin-bottom: 14px; }
.gcs-site .plan.hi p { color: var(--on-dark-3); }
.gcs-site .plan ul { display: grid; gap: 9px; margin-bottom: 18px; }
.gcs-site .plan li { display: flex; gap: 9px; font-size: 14.5px; line-height: 1.5; }
.gcs-site .plan li svg { flex: none; margin-top: 3px; }
/* ⚠ 设计稿这里叫 .cta —— 改名见本节开头 */
.gcs-site .plan .plan-cta { margin-top: auto; }

/* ── 文档式长文（how-it-works / 长指南） ── */
.gcs-site .doc { max-width: var(--wide); margin: 0 auto; padding: 0 var(--gut); display: grid; gap: 34px; }
.gcs-site .doc-rail { font-family: var(--sans); }
.gcs-site .doc-rail .lbl {
	font-size: 10px; letter-spacing: .28em; text-transform: uppercase;
	color: var(--label); margin-bottom: 14px;
}
.gcs-site .doc-rail ol { border-top: 1px solid var(--rule); }
.gcs-site .doc-rail a {
	display: flex; gap: 12px; padding: 12px 0;
	border-bottom: 1px solid var(--rule);
	font-size: 14.5px; color: var(--muted); align-items: baseline;
}
.gcs-site .doc-rail a b { font-size: 11px; letter-spacing: .1em; color: #A9A69F; font-weight: 400; flex: none; }
.gcs-site .doc-rail a:hover   { color: var(--navy); }
.gcs-site .doc-rail a:hover b { color: var(--gold); }
.gcs-site .doc-body { min-width: 0; }   /* grid 子项默认 min-width:auto，长表格会把栏撑爆 */
.gcs-site .stage { padding: 34px 0; border-top: 1px solid var(--rule); }
.gcs-site .stage:first-child { border-top: 0; padding-top: 8px; }
.gcs-site .stage-n {
	font-family: var(--sans); font-size: 11px; letter-spacing: .24em;
	text-transform: uppercase; color: var(--gold-ink); margin-bottom: 10px;
}
.gcs-site .stage h2 { font-size: 27px; font-weight: 400; letter-spacing: -.024em; margin: 0 0 14px; }
.gcs-site .stage p  { margin-bottom: 16px; }
.gcs-site .deliver {
	border-left: 3px solid var(--gold);
	padding: 4px 0 4px 18px;
	font-size: 16px; color: var(--muted-2); margin: 18px 0;
}
.gcs-site .deliver b { font-weight: 400; box-shadow: inset 0 -.5em 0 var(--gold-wash); }

/* =============================================================================
   17.6 表单与工具
   -----------------------------------------------------------------------------
   询价 / 数据请求 / 联系 / 采购工具搜索 / 各种状态页共用这一套。

   ⚠ `.main` 是设计稿的原名，极其通用 —— 这里只在 `.appsplit .main` 下生效，
     不给它任何全局规则，避免命中别处的 <main>。
   ============================================================================= */

/* ── 主区 + 粘性侧栏 ── */
.gcs-site .appsplit {
	max-width: var(--wide); margin: 0 auto;
	padding: 44px var(--gut) 20px;
	display: grid; gap: 34px;
}
.gcs-site .appsplit .main { min-width: 0; }   /* grid 子项默认 min-width:auto，宽表单会撑爆 */

/* ── 表单字段 ── */
.gcs-site .rfq { margin-bottom: 12px; }

/* 字段组（一个带标题的方框） */
.gcs-site .fs {
	border: 1px solid var(--rule);
	padding: 24px 22px 10px; margin-bottom: 18px;
	background: var(--paper);
}
.gcs-site .fs > .tag {
	display: block; margin-bottom: 20px;
	padding-bottom: 12px; border-bottom: 1px solid var(--rule-soft);
}

.gcs-site .f { margin-bottom: 20px; }
.gcs-site .f label {
	display: block;
	font-family: var(--sans); font-size: 11.5px; letter-spacing: .12em;
	text-transform: uppercase; color: var(--muted); margin-bottom: 9px;
}
/* 「必填」标记 —— 用金色小字，不用红色星号 */
.gcs-site .f label em {
	font-style: normal; font-size: 9.5px; letter-spacing: .14em;
	color: var(--gold-ink); margin-left: 8px;
}
.gcs-site .f input,
.gcs-site .f textarea,
.gcs-site .f select {
	width: 100%;
	font-family: var(--serif); font-size: 17px; color: var(--ink);
	padding: 13px 14px;
	border: 1px solid var(--field-line); background: var(--paper);
	border-radius: 0;                     /* 全站零圆角，别让浏览器默认样式漏进来 */
	-webkit-appearance: none; appearance: none;
}
/* select 的箭头用两条渐变画，避免引入图片资源 */
.gcs-site .f select {
	background-image:
		linear-gradient(45deg, transparent 50%, var(--muted) 50%),
		linear-gradient(135deg, var(--muted) 50%, transparent 50%);
	background-position: calc(100% - 19px) 22px, calc(100% - 13px) 22px;
	background-size: 6px 6px, 6px 6px;
	background-repeat: no-repeat;
}
.gcs-site .f textarea { resize: vertical; min-height: 104px; line-height: 1.6; }
.gcs-site .f input::placeholder,
.gcs-site .f textarea::placeholder { color: #A9B0B8; }
.gcs-site .f input:focus,
.gcs-site .f textarea:focus,
.gcs-site .f select:focus {
	outline: none;
	border-color: var(--navy);
	box-shadow: inset 0 0 0 1px var(--navy);
}

/* 两列并排的字段 */
.gcs-site .two { display: grid; gap: 0; }

/* ── 多选组 ── */
.gcs-site .chk { border: 0; padding: 0; margin: 0 0 20px; min-width: 0; }
.gcs-site .chk legend {
	font-family: var(--sans); font-size: 11.5px; letter-spacing: .12em;
	text-transform: uppercase; color: var(--muted);
	margin-bottom: 12px; padding: 0;
}
.gcs-site .chk label {
	display: flex; gap: 11px; align-items: flex-start;
	padding: 12px 13px; border: 1px solid var(--rule);
	font-size: 16px; cursor: pointer; background: var(--paper);
}
.gcs-site .chk label:hover { border-color: var(--cool-line); background: var(--card); }
.gcs-site .chk label:has(input:checked) { border-color: var(--navy); background: #F5F7F9; }
.gcs-site .chk input,
.gcs-site .consent input {
	margin-top: 5px; accent-color: var(--navy);
	width: 16px; height: 16px; flex: none;
}

/* ── 同意勾选 ── */
.gcs-site .consent {
	display: flex; gap: 11px; align-items: flex-start;
	font-size: 15px; color: var(--muted);
	margin: 4px 0 20px; line-height: 1.6;
}
.gcs-site .consent a { border-bottom: 1px solid var(--gold-line); }

/* ── 提交按钮 ── */
.gcs-site .send {
	width: 100%;
	background: var(--navy); color: #fff; border: 0;
	font-family: var(--sans); font-size: 12px; letter-spacing: .2em;
	text-transform: uppercase; padding: 19px; cursor: pointer;
}
.gcs-site .send:hover { background: var(--gold); color: var(--navy); }
/* ⚠ 提交中不要用 disabled —— 禁用的按钮不会把自己的 name/value 放进 POST，
   服务端靠 isset($_POST['submit']) 判断的分支会永远走不到。用 aria-busy + 半透明。 */
.gcs-site .send[aria-busy="true"] { opacity: .6; cursor: progress; }

/* ── 文件上传 ── */
.gcs-site .drop {
	position: relative;
	border: 1.5px dashed var(--field-line); background: #FAFAF8;
	padding: 22px 18px; text-align: center; cursor: pointer; display: block;
}
.gcs-site .drop:hover { border-color: var(--navy); background: #F5F7F9; }
.gcs-site .drop svg { margin: 0 auto 10px; }
.gcs-site .drop b { display: block; font-family: var(--serif); font-weight: 400; font-size: 17px; margin-bottom: 5px; }
.gcs-site .drop span {
	font-family: var(--sans); font-size: 12.5px;
	color: var(--label); line-height: 1.6; display: block;
}
.gcs-site .drop input { position: absolute; width: 1px; height: 1px; opacity: 0; overflow: hidden; }
.gcs-site .filelist { margin-top: 12px; display: grid; gap: 8px; }
.gcs-site .filelist li {
	display: flex; align-items: center; gap: 10px;
	border: 1px solid var(--rule); padding: 9px 12px;
	font-family: var(--sans); font-size: 13.5px; background: var(--paper);
}
.gcs-site .filelist .sz { margin-left: auto; color: var(--label); font-size: 12px; }

/* ── 蜜罐 ──
   ⚠ 必须是 inline off-screen，不能只靠这条外部 CSS。CSS 晚到一步，真人就会
     看见这个字段并填写，然后被当成机器人静默丢弃。widget 渲染时会同时写 inline
     style，这条只是双保险。 */
.gcs-site .hp {
	position: absolute !important; left: -9999px !important;
	width: 1px; height: 1px; overflow: hidden;
}

/* ── 细则小字 ── */
.gcs-site .fine {
	font-family: var(--sans); font-size: 13px; color: var(--label);
	margin: 14px 0 0; line-height: 1.6;
}

/* ── 居中卡片（状态页 / 登录 / 订阅） ── */
.gcs-site .midcard {
	max-width: 560px; margin: 0 auto;
	border: 1px solid var(--rule); padding: 34px 26px; text-align: center;
}
.gcs-site .midcard .ico { margin: 0 auto 18px; }
.gcs-site .midcard h1 { font-size: 26px; font-weight: 400; letter-spacing: -.024em; margin-bottom: 12px; }
.gcs-site .midcard p  { font-size: 16.5px; color: var(--muted); max-width: 44ch; margin: 0 auto 20px; }
.gcs-site .midcard form { display: grid; gap: 10px; max-width: 400px; margin: 0 auto; }
.gcs-site .midcard input {
	width: 100%; font-family: var(--serif); font-size: 17px;
	padding: 13px 14px; border: 1px solid var(--field-line);
}
.gcs-site .midcard .fine { font-size: 13px; margin-top: 16px; }

/* ── 表单卡（订阅块 / 侧栏小表单） ── */
.gcs-site .formcard { border: 1px solid var(--rule); padding: 26px 22px; max-width: 520px; margin: 0 auto; }
.gcs-site .formcard h2 { font-size: 24px; font-weight: 400; letter-spacing: -.022em; margin-bottom: 10px; }
.gcs-site .formcard p  { font-size: 16px; color: var(--muted); margin-bottom: 20px; }
.gcs-site .formcard label {
	display: block; font-family: var(--sans); font-size: 11.5px;
	letter-spacing: .12em; text-transform: uppercase; color: var(--muted); margin-bottom: 8px;
}
.gcs-site .formcard input {
	width: 100%; font-family: var(--serif); font-size: 17px;
	padding: 13px 14px; border: 1px solid var(--field-line); margin-bottom: 14px;
}
.gcs-site .formcard button {
	width: 100%; font-family: var(--sans); font-size: 12px; letter-spacing: .2em;
	text-transform: uppercase; background: var(--navy); color: #fff;
	border: 0; padding: 16px; cursor: pointer;
}
.gcs-site .formcard button:hover { background: var(--gold); color: var(--navy); }
.gcs-site .formcard .fine { font-size: 12.5px; margin-top: 14px; margin-bottom: 0; }

/* ── 勾选清单（侧栏 / 状态卡里的要点） ── */
.gcs-site .tick {
	display: grid; gap: 7px; margin-bottom: 16px;
	font-family: var(--sans); font-size: 13.5px; color: var(--muted-2);
}
.gcs-site .tick li { display: flex; gap: 9px; align-items: flex-start; }
.gcs-site .tick svg { flex: none; margin-top: 3px; }

/* ── 采购工具搜索页头 ── */
.gcs-site .search-hero { background: var(--navy); color: #fff; position: relative; }
.gcs-site .search-hero .ph::after {
	content: ""; position: absolute; inset: 0;
	background: rgba(var(--veil-rgb), .78);
}
.gcs-site .search-in { position: relative; padding: 52px 0 56px; max-width: 760px; margin: 0 auto; }
.gcs-site .search-in h1 { font-size: 31px; font-weight: 400; letter-spacing: -.025em; line-height: 1.12; margin: 14px 0 12px; }
.gcs-site .search-in .sub { font-size: 17px; color: var(--on-dark-3); margin-bottom: 26px; max-width: 46ch; }
.gcs-site .sbox { display: grid; gap: 10px; }
.gcs-site .sbox input {
	width: 100%; font-family: var(--serif); font-size: 19px;
	padding: 17px 18px; border: 0; background: var(--paper); color: var(--ink);
}
.gcs-site .sbox input:focus { outline: 3px solid var(--gold); outline-offset: 0; }
.gcs-site .sbox button {
	font-family: var(--sans); font-size: 12px; letter-spacing: .2em;
	text-transform: uppercase; background: var(--gold); color: var(--navy);
	border: 0; padding: 18px 30px; cursor: pointer; font-weight: 600;
}
.gcs-site .sbox button:hover { background: var(--paper); }
.gcs-site .chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; align-items: center; }
.gcs-site .chips span { font-family: var(--sans); font-size: 12px; color: #8FA3B4; letter-spacing: .08em; }
.gcs-site .chips button {
	font-family: var(--sans); font-size: 13px;
	background: rgba(255, 255, 255, .1);
	border: 1px solid rgba(255, 255, 255, .22);
	color: #D9E1E8; padding: 6px 12px; cursor: pointer;
}
.gcs-site .chips button:hover { background: var(--gold); color: var(--navy); border-color: var(--gold); }

/* =============================================================================
   18. 断点
   -----------------------------------------------------------------------------
   设计稿只有两个：820px（平板起）和 1100px（桌面导航展开）。
   ============================================================================= */

@media (min-width: 820px) {
	.gcs-site .rel-g   { grid-template-columns: repeat(3, 1fr); }
	.gcs-site .ft-cols { grid-template-columns: repeat(4, 1fr); }
	.gcs-site .ft-bot  { grid-template-columns: 1fr auto; align-items: center; }
	.gcs-site .cookiebar-in { grid-template-columns: 1fr auto; }

	.gcs-site .phero h1     { font-size: 52px; }
	.gcs-site .phero-tx     { padding-bottom: 64px; }
	.gcs-site .bandhead h1,.gcs-site .bandhead h2  { font-size: 44px; }
	.gcs-site .case .big    { font-size: 104px; }

	.gcs-site .stick { position: sticky; top: 24px; align-self: start; }

	/* 索引页版式在平板起才展开成多列 */
	.gcs-site .matrix  { grid-template-columns: repeat(3, 1fr); }
	.gcs-site .mt.feat { grid-column: span 3; min-height: 0; }
	.gcs-site .chooser { grid-template-columns: 300px 1fr; gap: 46px; }
	.gcs-site .chooser-intro { position: sticky; top: 24px; align-self: start; }
	.gcs-site .cgrid   { grid-template-columns: repeat(2, 1fr); }
	.gcs-site .hubrow > a { grid-template-columns: 210px 1fr 300px; gap: 30px; }
	.gcs-site .polgrid { grid-template-columns: repeat(2, 1fr); }
	.gcs-site .costidx { grid-template-columns: repeat(3, 1fr); }
	.gcs-site .mag     { grid-template-columns: 1.5fr 1fr; gap: 46px; }
	.gcs-site .cases-g { grid-template-columns: repeat(2, 1fr); }
	.gcs-site .plans   { grid-template-columns: repeat(3, 1fr); }
	.gcs-site .doc     { grid-template-columns: 250px 1fr; gap: 56px; }
	.gcs-site .doc-rail{ position: sticky; top: 24px; align-self: start; }

	/* 表单版式 */
	.gcs-site .appsplit { grid-template-columns: 1fr 320px; gap: 44px; }
	.gcs-site .two      { grid-template-columns: 1fr 1fr; column-gap: 18px; }
	.gcs-site .chk      { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
	.gcs-site .chk legend { grid-column: 1 / -1; }
	.gcs-site .chk label  { margin: 0; }
	.gcs-site .sbox     { grid-template-columns: 1fr auto; }
	.gcs-site .search-in h1 { font-size: 42px; }

	.gcs-home .hero h1  { font-size: 64px; }
	.gcs-home .hero-tx  { padding-bottom: 76px; }
	.gcs-home .band ul  { grid-template-columns: repeat(4, 1fr); }
	.gcs-home .rows > a { grid-template-columns: 1fr 1fr; align-items: center; }
	/* 奇数行把图推到右边 —— 左右交替的节奏就靠这一条 */
	.gcs-home .rows > a:nth-child(odd) .ph { order: 2; }
	.gcs-home .row-tx   { padding: 40px 46px; margin: 0; }
	.gcs-home .marks    { grid-template-columns: repeat(5, 1fr); }
	.gcs-home .proc ol  { grid-template-columns: 1fr 1fr; column-gap: 44px; }
	.gcs-home .proc li:nth-child(2) { border-top: 1px solid rgba(255, 255, 255, .24); }
}

@media (min-width: 1100px) {
	.gcs-site .nav-lk {
		display: flex; gap: 26px;
		font-family: var(--sans); font-size: 12px; letter-spacing: .1em;
		text-transform: uppercase; margin-left: 26px;
	}
	.gcs-site .nav-mb, .gcs-site .dw { display: none !important; }

	.gcs-site .phero h1  { font-size: 60px; }
	.gcs-site .prose h2  { font-size: 34px; }

	.gcs-home .hero h1   { font-size: 80px; }
	.gcs-home .intro p   { font-size: 26px; }
	.gcs-home .shead h2  { font-size: 40px; }
}

/* 超小屏：巨型字号回收，避免 76px 数字把手机顶宽 */
@media (max-width: 380px) {
	.gcs-site .case .big  { font-size: 58px; }
	.gcs-site .bandhead h1,.gcs-site .bandhead h2 { font-size: 27px; }
	.gcs-home .hero h1    { font-size: 33px; }
	.gcs-site .phero h1   { font-size: 29px; }
}

/* =============================================================================
   19. Elementor 兼容
   ============================================================================= */

/* 编辑器里 body 拿不到主题的 body_class，容器又要撑满 —— 这两条只在编辑器生效 */
.elementor-editor-active .gcs-site .nav { position: static; }

/* Elementor 容器默认给 section 加内距，主题的通栏块自己管边距，清掉重复内距 */
.gcs-site .elementor-widget-container > .bandhead,
.gcs-site .elementor-widget-container > .cta,
.gcs-site .elementor-widget-container > .case,
.gcs-site .elementor-widget-container > .band { margin-left: 0; margin-right: 0; }

/* =============================================================================
   19. 采购工具：结果页与报告页
   -----------------------------------------------------------------------------
   /tools/results/ 与 /tools/report/ 专属。搜索框 `.sbox` / 芯片 `.chips` /
   状态块 `.midcard` 在 17.6 已有，这里只补这两页新增的部分。

   ⚠ 又有两处相对设计稿**故意改了类名**（原因同 17.5 那张表）：

     设计稿            本主题             为什么
     .rescard .band    .rescard .rband    `.band` 是首页的数据带（深底白字）。结果卡
                                          里那条 8px 的迷你刻度一旦被 `.gcs-home .band`
                                          命中，会变成一块深蓝色方块。
     .match .track     .rescard .mtrack   `.track` 是订单状态页的时间线（display:grid +
                                          边框 + 26px 下边距）。匹配条套上它会从一条
                                          5px 的线变成一个带框的网格。

   设计稿里这两组名字各自待在不同 HTML 文件的内联 <style> 里，永远碰不到面；
   本主题 shared.css 是全站一份，所以必须改名。新增组件前先 grep 类名。
   ============================================================================= */

/* ── 筛选控件条（目的地 / 运输方式 / 数量） ──
   ⚠ 窄屏必须让标签换行到分段控件上方。
     实测 375px：可用宽度约 327px，而「Destination」标签(~85px) + 5 个目的地
     按钮(~240px) 已经 333px，直接顶穿。body 上有 overflow-x:hidden，
     溢出的部分不是出现滚动条而是**被裁掉且够不着** —— 最后一个目的地点不到。
     所以 640px 以下改成上下两行，并给 seg 本身留一条横滚兜底。 */
.gcs-site .controls {
	display: flex; flex-wrap: wrap; gap: 18px;
	padding: 14px 0 0;
	font-family: var(--sans);
}
.gcs-site .ctl {
	display: flex; align-items: flex-start; gap: 6px;
	flex-direction: column;
	min-width: 0;            /* flex 子项默认 min-width:auto，不写这条 seg 撑不下去也不收缩 */
	max-width: 100%;
}
.gcs-site .ctl > .seg {
	max-width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: thin;
}
@media (min-width: 640px) {
	/* 宽屏回到设计稿的「标签 + 控件」同行 */
	.gcs-site .ctl { flex-direction: row; align-items: center; gap: 8px; }
	.gcs-site .ctl > .seg { overflow-x: visible; }
}
.gcs-site .ctl > span {
	font-size: 10.5px; letter-spacing: .14em; text-transform: uppercase;
	color: var(--label);
}

/* 分段控件。设计稿用 <button>，这里用 <a> —— 无 JS 也能改参数、可被爬取、
   中键能开新标签页。两种元素都要能用，所以选择器同时覆盖。 */
.gcs-site .seg {
	display: flex;
	border: 1px solid var(--field-line);
	background: var(--paper);
}
.gcs-site .seg > a,
.gcs-site .seg > button {
	font: inherit; font-size: 12.5px;
	background: none; border: 0; border-left: 1px solid var(--rule);
	padding: 7px 13px; cursor: pointer;
	color: var(--muted); text-decoration: none; white-space: nowrap;
}
.gcs-site .seg > a:first-child,
.gcs-site .seg > button:first-child { border-left: 0; }
.gcs-site .seg > a.on,
.gcs-site .seg > button.on { background: var(--navy); color: #fff; }
.gcs-site .seg > a:hover:not(.on),
.gcs-site .seg > button:hover:not(.on) { background: var(--hover-soft); }

/* ── 区间汇总条 ── */
.gcs-site .qbar {
	border-top: 1px solid var(--rule);
	border-bottom: 1px solid var(--rule);
	background: var(--wash);
	margin-top: 14px;
}
.gcs-site .qbar-in {
	display: grid; gap: 12px;
	padding: 18px 0;
}
.gcs-site .qbar .u {
	font-family: var(--sans); font-size: 12px;
	color: var(--muted-soft); margin-top: 4px;
}

/* ── 结果卡 ── */
.gcs-site .reslist {
	border: 1px solid var(--rule);
	background: var(--paper);
}
.gcs-site .rescard {
	position: relative;
	display: grid; gap: 14px;
	padding: 18px;
	border-bottom: 1px solid var(--rule-soft);
}
.gcs-site .rescard:last-child { border-bottom: none; }

.gcs-site .rescard .rank {
	position: absolute; top: 0; left: 0;
	width: 30px; height: 30px;
	background: var(--navy); color: #fff;
	display: flex; align-items: center; justify-content: center;
	font-family: var(--sans); font-size: 12px; letter-spacing: .02em;
	z-index: 2;
}

.gcs-site .rescard .thumb {
	aspect-ratio: 1; background: var(--wash-deep);
	border: 1px solid var(--rule);
	position: relative; overflow: hidden;
}
/* ⚠ 必须 position:absolute + height:100%。Elementor 的 `.elementor img{height:auto}`
   同特异性且后加载，不这么写缩略图会按原图比例撑开、把卡片顶变形。 */
.gcs-site .rescard .thumb img {
	position: absolute; inset: 0;
	width: 100%; height: 100%; object-fit: cover;
}

.gcs-site .rescard h3 {
	font-size: 19px; font-weight: 400;
	letter-spacing: -.015em; line-height: 1.3;
	margin-bottom: 8px;
}

.gcs-site .rescard .tags {
	display: flex; flex-wrap: wrap; gap: 5px;
	margin: 0 0 12px;
}
.gcs-site .rescard .tags span {
	font-family: var(--sans); font-size: 11.5px;
	background: var(--hover-soft); border: 1px solid var(--rule);
	color: var(--muted); padding: 3px 9px;
}

/* 迷你刻度：本商品区间在全部命中区间里的位置（真数据，见 routes.php） */
.gcs-site .rescard .rband { margin-top: 6px; }
.gcs-site .rescard .rband .scale {
	position: relative; height: 8px;
	background: var(--wash-deep); border: 1px solid var(--rule);
}
.gcs-site .rescard .rband .scale i {
	position: absolute; top: -1px; bottom: -1px;
	background: var(--gold); border: 1px solid var(--gold-line);
}
.gcs-site .rescard .rband .ends {
	display: flex; justify-content: space-between; gap: 10px;
	font-family: var(--sans); font-size: 10.5px;
	color: var(--label); margin-top: 5px; letter-spacing: .04em;
}
/* 中间那句说明在窄屏会把两端的金额挤成换行 */
.gcs-site .rescard .rband .ends span:nth-child(2) {
	text-align: center; flex: 1 1 auto; min-width: 0;
}

.gcs-site .rescard .facts {
	display: grid; grid-template-columns: 1fr 1fr;
	gap: 12px 18px;
	font-family: var(--sans);
}
.gcs-site .rescard .facts > div {
	font-size: 12px; color: var(--label); letter-spacing: .06em;
}
.gcs-site .rescard .facts b {
	display: block;
	font-family: var(--serif); font-size: 21px;
	color: var(--ink); letter-spacing: -.02em;
	margin-top: 3px;
}
.gcs-site .rescard .facts b.est { color: var(--navy); }

/* ── 报告页页眉 ── */
.gcs-site .rep-h {
	border-bottom: 2px solid var(--ink);
	padding-bottom: 20px; margin-bottom: 8px;
}
.gcs-site .rep-h .tag { margin-bottom: 8px; }
.gcs-site .rep-h h1 {
	font-size: 29px; font-weight: 400;
	letter-spacing: -.025em; line-height: 1.16;
	margin-bottom: 10px;
}
.gcs-site .rep-h .m {
	font-family: var(--sans); font-size: 12.5px;
	color: var(--muted-soft);
}

/* ── 表单内联报错（解锁失败被 PRG 退回来时） ── */
.gcs-site .formerr {
	font-family: var(--sans); font-size: 13.5px; line-height: 1.5;
	color: #8A2B2B;
	background: #FBF3F2; border: 1px solid #E8CFCB;
	border-left: 3px solid #8A2B2B;
	padding: 11px 14px; margin: 0 0 18px;
}

@media (min-width: 640px) {
	.gcs-site .qbar-in { grid-template-columns: 1fr auto; align-items: center; }
	.gcs-site .rescard { grid-template-columns: 132px 1fr; }
}
@media (min-width: 900px) {
	/* 宽屏把「事实」拉到第三列，从两列横排改成竖排 */
	.gcs-site .rescard { grid-template-columns: 160px 1fr 220px; align-items: start; }
	.gcs-site .rescard .facts { grid-template-columns: 1fr; }
}

/* =============================================================================
   20. 动效与打印
   ============================================================================= */

/* 见文件头第 2 条：这里没有入场动画，只有对偏好的尊重 */
@media (prefers-reduced-motion: reduce) {
	.gcs-site *, .gcs-site *::before, .gcs-site *::after {
		animation-duration: .001ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: .001ms !important;
		scroll-behavior: auto !important;
	}
}

@media print {
	.gcs-site .nav, .gcs-site .dw, .gcs-site .cookiebar,
	.gcs-site .cta, .gcs-site .ft { display: none !important; }
	.gcs-site .ph { break-inside: avoid; }
	.gcs-site .prose a::after { content: " (" attr(href) ")"; font-size: 11px; color: #666; }
}

/* =============================================================================
   21. RTL（阿拉伯语）
   -----------------------------------------------------------------------------
   <html dir="rtl"> 由 inc/i18n.php 的 language_attributes 过滤器输出，
   body 上同时会有 .gcs-rtl。这里只镜像**真正不对称**的那几条规则 ——
   全站方向性属性一共就十来处（见下），不需要引一份 RTL 框架。

   ⚠ 用 [dir="rtl"] 属性选择器而不是 .gcs-rtl 类：Elementor 编辑器预览的
     iframe 里 body class 有时不带主题过滤器加的类，但 <html dir> 一定在。

   ⚠ 没有镜像的：.rescard .rank（左上角序号方块）和 .rband .scale i
     （区间刻度）。前者是角标、后者是数轴，数轴在 RTL 里**也应该左小右大**
     （金额是数字，不跟文字方向走），刻意保持不镜像。
   ============================================================================= */

[dir="rtl"] .gcs-site .nav-cta,
[dir="rtl"] .gcs-site .nav-mb,
[dir="rtl"] .gcs-site .filelist .sz { margin-left: 0; margin-right: auto; }

[dir="rtl"] .gcs-site .note,
[dir="rtl"] .gcs-site .deliver,
[dir="rtl"] .gcs-site .formerr {
	border-left: 0;
	border-right: 3px solid var(--gold);
	padding: 4px 18px 4px 0;
}
[dir="rtl"] .gcs-site .formerr { border-right-color: #8A2B2B; padding: 11px 14px; border-right-width: 3px; }

[dir="rtl"] .gcs-site .prose ul.b li      { padding-left: 0; padding-right: 22px; }
[dir="rtl"] .gcs-site .prose ol.n li      { padding-left: 0; padding-right: 38px; }
[dir="rtl"] .gcs-site .stick .card ol.n li{ padding-left: 0; padding-right: 32px; }

[dir="rtl"] .gcs-site .f label em { margin-left: 0; margin-right: 8px; }

/* 分段控件的分隔线要跟着翻面，否则首尾两端各多一条 / 少一条 */
[dir="rtl"] .gcs-site .seg > a,
[dir="rtl"] .gcs-site .seg > button { border-left: 0; border-right: 1px solid var(--rule); }
[dir="rtl"] .gcs-site .seg > a:first-child,
[dir="rtl"] .gcs-site .seg > button:first-child { border-right: 0; }

/* 列表项目符号 / 序号的绝对定位 */
[dir="rtl"] .gcs-site .prose ul.b li::before,
[dir="rtl"] .gcs-site .prose ol.n li::before { left: auto; right: 0; }

/* 面包屑分隔符方向 */
[dir="rtl"] .gcs-site .crumb { direction: rtl; }

/* 表格与数字：金额、区间、日期在 RTL 里仍按 LTR 读，
   否则 "$2.37 – $6.44" 会被渲染成 "6.44$ – 2.37$" */
[dir="rtl"] .gcs-site .cband,
[dir="rtl"] .gcs-site .rband .ends,
[dir="rtl"] .gcs-site .facts b,
[dir="rtl"] .gcs-site .tbl td:last-child { direction: ltr; unicode-bidi: embed; text-align: right; }

/* =============================================================================
   22. App 层（客户门户 /account/ + 内部台账 /admin/）
   -----------------------------------------------------------------------------
   仪表盘版式：左侧 .dash-side 导航 + 右侧 .dash-main 主区。页头页尾复用主站。

   ⚠ 这一节的 class 名全部来自设计稿的 account/*.html 与 admin/*.html，
     跟营销页共存在同一份 CSS 里。通用名（.row / .name / .when / .who /
     .ok / .bad / .now / .done）**一律靠组件父类限定**，例如
     `.docs .when`、`.track .st`、`.nodes .done` —— 不是靠 .dash 前缀。
     实测：本节 23 个单层裸类（.dash /.docs /.inbox /.plist /.seats /.gauge …）
     全是 App 专有名，与营销页 CSS 及线上 HTML 零冲突（已 grep 核对）。

     加新规则时的约束：**不要**引入不带父类的通用词单层选择器
     （写 `.gcs-site .row {}` 就会命中营销页的同名元素）。

   ⚠ 状态色用 --st-* token（见文件头）。别在这里写字面色 ——
     App 层的「通过/临期/失败」是一套语义，散落的十六进制没法统一调。
   ============================================================================= */
.gcs-site .qmeta { font-family:var(--sans);font-size:12.5px;color:var(--muted-soft) }
.gcs-site .qmeta b { color:var(--ink) }
.gcs-site .states button.on,
.gcs-site .states button:hover { background:var(--gold);border-color:var(--gold);color:var(--ink) }
.gcs-site .steps-mini span.done { color:var(--navy) }
.gcs-site .steps-mini span.now { color:var(--gold-ink) }
.gcs-site .demobar button.on,
.gcs-site .demobar button:hover { background:var(--gold);border-color:var(--gold);color:var(--ink) }
.gcs-site .nodes .done { color:var(--navy) }
.gcs-site .nodes .done .n { background:var(--navy);border-color:var(--navy) }
.gcs-site .nodes .done::before { background:var(--navy) }
.gcs-site .nodes .now { color:var(--gold-ink) }
.gcs-site .nodes .now .n { border-color:var(--gold);background:var(--gold) }
.gcs-site .dash { max-width:1180px;margin:0 auto;padding:34px 24px 20px;display:grid;gap:30px }
.gcs-site .dash-side { font-family:var(--sans) }
.gcs-site .dash-side .who { border:1px solid var(--rule);padding:18px;margin-bottom:16px;background:var(--card) }
.gcs-site .dash-side .who .em { font-family:var(--serif);font-size:17px;color:var(--ink);word-break:break-all }
.gcs-site .dash-side .who .st { display:flex;gap:18px;margin-top:14px;font-size:12px;color:var(--label);letter-spacing:.06em }
.gcs-site .dash-side .who .st b { display:block;font-family:var(--serif);font-size:21px;color:var(--navy);font-weight:400;letter-spacing:-.02em }
.gcs-site .dash-side nav { border-top:1px solid var(--rule) }
.gcs-site .dash-side nav a { display:block;padding:12px 0;border-bottom:1px solid var(--rule);font-size:14.5px;color:var(--muted) }
.gcs-site .dash-side nav a.on { color:var(--navy) }
.gcs-site .dash-side nav a.on::before { content:"— " }
.gcs-site .dash-main { min-width:0 }
.gcs-site .fs>.tag { display:block;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--rule-soft) }
.gcs-site .track .st { display:flex;gap:14px;padding:16px 18px;border-bottom:1px solid var(--rule-soft);align-items:flex-start }
.gcs-site .track .st:last-child { border-bottom:none }
.gcs-site .track .st.done .dot { background:var(--navy);border-color:var(--navy) }
.gcs-site .track .st.now .dot { background:var(--gold);border-color:var(--gold-ink);box-shadow:0 0 0 4px rgba(217,184,124,.25) }
.gcs-site .track .st h3 { font-size:16px;font-weight:400;letter-spacing:-.015em;margin-bottom:3px }
.gcs-site .track .st.now h3 { color:var(--navy) }
.gcs-site .track .st.todo h3,
.gcs-site .track .st.todo .when { color:#A9A69F }
.gcs-site .track .when { font-family:var(--sans);font-size:11.5px;letter-spacing:.08em;color:var(--label);margin-left:auto;flex:none;text-align:right;padding-top:2px }
.gcs-site .track .st p { font-size:14px;color:var(--muted);margin-top:4px }
.gcs-site .docs { width:100%;border-collapse:collapse;font-size:15px }
.gcs-site .docs th { text-align:left;font-family:var(--sans);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--label);font-weight:400;padding:10px 12px 10px 0;border-bottom:1px solid var(--ink) }
.gcs-site .docs td { padding:13px 12px 13px 0;border-bottom:1px solid var(--rule-soft);vertical-align:middle }
.gcs-site .docs tr:hover td { background:var(--card) }
.gcs-site .docs .fn { display:flex;align-items:center;gap:10px }
.gcs-site .docs .fn svg { flex:none }
.gcs-site .docs .fn a { border-bottom:1px solid var(--gold-line) }
.gcs-site .docs .when,
.gcs-site .docs .size { font-family:var(--sans);font-size:12.5px;color:var(--label);white-space:nowrap }
.gcs-site .badge { display:inline-block;font-family:var(--sans);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;padding:3px 9px;border:1px solid var(--rule);color:var(--muted);white-space:nowrap }
.gcs-site .badge.audit { border-color:var(--navy);color:var(--navy) }
.gcs-site .badge.qc { border-color:var(--gold-ink);color:var(--gold-ink) }
.gcs-site .badge.ship { border-color:var(--st-info);color:var(--st-info) }
.gcs-site .badge.quote { border-color:var(--label) }
.gcs-site .docfilter { display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px;font-family:var(--sans) }
.gcs-site .docfilter button { font:inherit;font-size:12.5px;background:#fff;border:1px solid var(--field-line);padding:7px 13px;cursor:pointer;color:var(--muted) }
.gcs-site .docfilter button.on,
.gcs-site .docfilter button:hover { background:var(--navy);border-color:var(--navy);color:#fff }
.gcs-site .inbox { border:1px solid var(--ink);background:var(--card);padding:22px 20px;margin:0 0 26px }
.gcs-site .inbox .addr { font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:16px;background:#fff;border:1px solid var(--field-line);padding:12px 14px;margin:12px 0;word-break:break-all;display:block }
.gcs-site .inbox p { font-size:15px;color:var(--muted);margin:0 0 10px }
.gcs-site .seats .who { display:flex;align-items:center;gap:11px }
.gcs-site .seats .em { font-family:var(--sans);font-size:12.5px;color:var(--label) }
.gcs-site .stat.warn { border-color:#E0CBA0;background:var(--st-warn-bg) }
.gcs-site .kpis .v { font-size:27px;letter-spacing:-.03em;color:var(--navy) }
.gcs-site .kpis .l { font-family:var(--sans);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--label);margin-top:7px }
.gcs-site .acct .m { font-family:var(--sans);font-size:12.5px;color:var(--label);display:flex;gap:14px;flex-wrap:wrap }
.gcs-site .acct .m b { color:var(--navy);font-weight:400 }
.gcs-site .summary .v { font-size:23px;letter-spacing:-.025em;color:var(--navy);line-height:1.1 }
.gcs-site .summary .l { font-family:var(--sans);font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--label);margin-top:7px }
.gcs-site .cg .ic { width:38px;height:38px;border:1px solid var(--navy);display:flex;align-items:center;justify-content:center;margin-bottom:14px }
.gcs-site .pmeta .v { font-size:16px;color:var(--ink) }
.gcs-site .todo-q { border:2px solid var(--gold-ink);background:var(--st-warn-bg);margin:0 0 28px }
.gcs-site .todo-q .hd { display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid #E8D5B0; font-family:var(--sans);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--st-warn) }
.gcs-site .todo-q .hd b { margin-left:auto;letter-spacing:.04em;text-transform:none;font-size:13px;color:var(--st-warn-ink);font-weight:400 }
.gcs-site .todo { display:flex;gap:14px;padding:16px 18px;border-bottom:1px solid #EFE3CC;align-items:flex-start }
.gcs-site .todo:last-child { border-bottom:none }
.gcs-site .todo .ic { flex:none;width:32px;height:32px;border:1px solid var(--gold);display:flex;align-items:center;justify-content:center;background:#fff }
.gcs-site .todo h3 { font-size:16.5px;font-weight:400;letter-spacing:-.015em;margin-bottom:4px }
.gcs-site .todo p { font-size:14px;color:var(--st-warn-ink);margin-bottom:10px }
.gcs-site .todo .meta { font-family:var(--sans);font-size:11.5px;letter-spacing:.08em;color:var(--st-warn);display:flex;gap:12px;flex-wrap:wrap }
.gcs-site .todo .act { margin-left:auto;flex:none;align-self:center }
.gcs-site .btn-sm { display:inline-block;font-family:var(--sans);font-size:11px;letter-spacing:.16em;text-transform:uppercase;background:var(--navy);color:#fff;padding:11px 16px;white-space:nowrap }
.gcs-site .btn-sm:hover { background:var(--gold);color:var(--navy) }
.gcs-site .btn-sm.ghost { background:transparent;color:var(--navy);box-shadow:inset 0 0 0 1px var(--field-line) }
.gcs-site .btn-sm.ghost:hover { background:var(--hover-soft);color:var(--navy) }
.gcs-site .tiles { display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--rule);border:1px solid var(--rule);margin:0 0 26px }
.gcs-site .tiles div { background:#fff;padding:16px }
.gcs-site .tiles .v { font-size:27px;letter-spacing:-.03em;color:var(--navy);line-height:1.05 }
.gcs-site .tiles .v.warn { color:var(--gold-ink) }
.gcs-site .tiles .v.bad { color:var(--st-fail) }
.gcs-site .tiles .l { font-family:var(--sans);font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--label);margin-top:7px }
.gcs-site .health .lamp.warn { background:var(--gold) }
.gcs-site .gauge i.warn { background:var(--gold) }
.gcs-site .qlist { display:grid;gap:1px;background:var(--rule);border:1px solid var(--rule) }
.gcs-site .qlist a,
.gcs-site .qlist .row { background:#fff;padding:16px 18px;display:grid;gap:8px }
.gcs-site .qlist a:hover { background:var(--card) }
.gcs-site .qlist h3 { font-size:17px;font-weight:400;letter-spacing:-.015em }
.gcs-site .qlist .m { font-family:var(--sans);font-size:12.5px;color:var(--label);display:flex;gap:14px;flex-wrap:wrap;align-items:center }
.gcs-site .qlist .m b { color:var(--navy);font-weight:400 }
.gcs-site .sla { font-family:var(--sans);font-size:11px;letter-spacing:.1em;text-transform:uppercase;padding:3px 9px;border:1px solid var(--rule) }
.gcs-site .sla.due { border-color:var(--gold);color:var(--st-warn);background:var(--st-warn-bg) }
.gcs-site .sla.late { border-color:var(--st-fail);color:var(--st-fail);background:#FDF3F2 }
.gcs-site .sla.ok { border-color:var(--st-ok);color:var(--st-ok) }
.gcs-site .match .track i { position:absolute;left:0;top:0;bottom:0;background:var(--navy) }
.gcs-site .track .dot { flex:none;width:14px;height:14px;border-radius:50%;border:2px solid var(--st-idle);background:#fff;margin-top:4px }
.gcs-site .pmeta { display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--rule);border:1px solid var(--rule);margin:0 0 26px }
.gcs-site .pmeta div { background:#fff;padding:14px 16px }
.gcs-site .pmeta .k { font-family:var(--sans);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--label);margin-bottom:6px }
.gcs-site .acct a,
.gcs-site .acct .row { background:#fff;padding:18px;display:grid;gap:8px }
.gcs-site .plist { display:grid;gap:1px;background:var(--rule);border:1px solid var(--rule) }
.gcs-site .plist a { background:#fff;padding:18px;display:grid;gap:9px }
.gcs-site .plist a:hover { background:var(--card) }
.gcs-site .plist h3 { font-size:19px;font-weight:400;letter-spacing:-.015em }
.gcs-site .plist .row { display:flex;flex-wrap:wrap;gap:14px;font-family:var(--sans);font-size:12.5px;color:var(--label);align-items:center }
.gcs-site .plist .row b { color:var(--navy);font-weight:400 }
.gcs-site .pbar { height:5px;background:var(--rule-soft);position:relative;max-width:220px;flex:1;min-width:120px }
.gcs-site .pbar i { position:absolute;left:0;top:0;bottom:0;background:var(--navy) }
.gcs-site .health .row { background:#fff;padding:15px 16px;display:flex;gap:14px;align-items:center;flex-wrap:wrap }
.gcs-site .acct { display:grid;gap:1px;background:var(--rule);border:1px solid var(--rule) }
.gcs-site .acct a:hover { background:var(--card) }
.gcs-site .acct h3 { font-size:19px;font-weight:400;letter-spacing:-.015em }
.gcs-site .empty { border:1px dashed var(--field-line);padding:40px 24px;text-align:center }
.gcs-site .empty h3 { font-size:21px;font-weight:400;margin-bottom:10px }
.gcs-site .empty p { color:var(--muted);max-width:40ch;margin:0 auto 20px }
.gcs-site .stack .f { background:var(--st-info) }
.gcs-site .seats { width:100%;border-collapse:collapse;font-size:15px;margin:0 0 18px }
.gcs-site .seats th { text-align:left;font-family:var(--sans);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--label);font-weight:400;padding:10px 12px 10px 0;border-bottom:1px solid var(--ink) }
.gcs-site .seats td { padding:13px 12px 13px 0;border-bottom:1px solid var(--rule-soft);vertical-align:middle }
.gcs-site .seats .av { flex:none;width:32px;height:32px;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center; font-family:var(--sans);font-size:12px;letter-spacing:.04em }
.gcs-site .seats .rm { font-family:var(--sans);font-size:12px;color:var(--st-fail);border-bottom:1px solid var(--st-fail-line) }
.gcs-site .nodes .n { width:16px;height:16px;border:2px solid var(--rule);background:#fff;border-radius:50%;position:relative;z-index:1 }
.gcs-site .health .lamp.bad { background:var(--st-fail) }
.gcs-site .gauge i.bad { background:var(--st-fail) }
.gcs-site .gate { width:100%;border-collapse:collapse;font-size:15px;margin:18px 0 }
.gcs-site .gate th { text-align:left;font-family:var(--sans);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--label);font-weight:400;padding:10px 12px 10px 0;border-bottom:1px solid var(--ink) }
.gcs-site .gate td { padding:12px 12px 12px 0;border-bottom:1px solid var(--rule-soft);vertical-align:middle }
.gcs-site .gate .pass { color:var(--st-ok) }
.gcs-site .gate .fail { color:var(--st-fail) }
.gcs-site .gate .near { color:var(--gold-ink) }
.gcs-site .gate .bar2 { height:5px;background:var(--rule-soft);position:relative;width:110px;display:inline-block;vertical-align:middle;margin-right:9px }
.gcs-site .gate .bar2 i { position:absolute;left:0;top:0;bottom:0;background:var(--navy) }
.gcs-site .gate .bar2 i.near { background:var(--gold) }
.gcs-site .gate .bar2 i.fail { background:#D6D3CC }
.gcs-site .health .lamp.ok { background:var(--st-ok) }
.gcs-site .lockrow .t { width:52px;height:52px;background:var(--st-idle) }
.gcs-site .health { display:grid;gap:1px;background:var(--rule);border:1px solid var(--rule);margin:0 0 26px }
.gcs-site .health .lamp { flex:none;width:11px;height:11px;border-radius:50% }
.gcs-site .health .name { font-size:16px;min-width:170px }
.gcs-site .health .val { font-family:var(--sans);font-size:13px;color:var(--muted);margin-left:auto;text-align:right }
.gcs-site .health .val b { font-family:var(--serif);font-weight:400;font-size:17px;color:var(--ink);display:block }
.gcs-site .gauge { flex:1;min-width:130px;height:6px;background:var(--rule-soft);position:relative }
.gcs-site .gauge i { position:absolute;left:0;top:0;bottom:0;background:var(--navy) }
.gcs-site .log { width:100%;border-collapse:collapse;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px }
.gcs-site .log td { padding:9px 12px 9px 0;border-bottom:1px solid var(--rule-soft);vertical-align:top;color:var(--muted) }
.gcs-site .log td.t { color:var(--label);white-space:nowrap }
.gcs-site .log td.lv { white-space:nowrap;letter-spacing:.06em }
.gcs-site .log .err { color:var(--st-fail) }
.gcs-site .log .wrn { color:var(--gold-ink) }
.gcs-site .log .inf { color:var(--st-info) }

/* =============================================================================
   23. 第三方登录按钮
   -----------------------------------------------------------------------------
   放在邮箱密码表单**上方** —— 它更快，而且 provider 已经验证过邮箱。
   图标是内联 SVG（项目规约：不用 emoji、不外链）。
   ============================================================================= */

.gcs-site .oauth-row { display: grid; gap: 10px; margin: 4px 0 18px; }

.gcs-site .oauth-btn {
	display: flex; align-items: center; justify-content: center; gap: 10px;
	font-family: var(--sans); font-size: 14px; letter-spacing: .01em;
	padding: 12px 16px;
	border: 1px solid var(--field-line); background: var(--paper);
	color: var(--ink); text-decoration: none;
	transition: background .12s ease, border-color .12s ease;
}
.gcs-site .oauth-btn:hover { background: var(--hover-soft); border-color: var(--cool-line); }
.gcs-site .oauth-btn:focus-visible { outline: 2px solid var(--gold); outline-offset: 2px; }
.gcs-site .oauth-ic { display: inline-flex; width: 17px; height: 17px; flex: none; }

/* 「或」分隔线：两侧各一条横线 */
.gcs-site .oauth-or {
	display: flex; align-items: center; gap: 12px;
	font-family: var(--sans); font-size: 11.5px; letter-spacing: .16em;
	text-transform: uppercase; color: var(--label);
	margin: 0 0 18px;
}
.gcs-site .oauth-or::before,
.gcs-site .oauth-or::after {
	content: ""; flex: 1; height: 1px; background: var(--rule);
}
/* =============================================================================
   24. 语言切换器
   -----------------------------------------------------------------------------
   ⚠ 设计稿是**单语言站**，压根没有这个组件 —— 所以按稿子重建 shared.css 时
     它一条规则都没有，实测全站 27 页渲染成 7 个裸链接。
     这一节是为本主题的多语言能力补的，刻意做得克制：沿用 .tag 微标签那套
     （无衬线、超宽字距、小字号），不引入新的视觉语言。

   两个位置：
     .gcs-lang-desk    桌面页头，CTA 左边
     .gcs-lang-drawer  移动抽屉底部
   ============================================================================= */

.gcs-site .gcs-lang {
	display: flex; align-items: center; gap: 2px;
	font-family: var(--sans);
}

.gcs-site .gcs-lang a {
	font-size: 10.5px; letter-spacing: .14em; text-transform: uppercase;
	padding: 5px 7px;
	color: var(--on-dark-3);
	text-decoration: none; white-space: nowrap;
	border-bottom: 1px solid transparent;
	transition: color .12s ease, border-color .12s ease;
}
.gcs-site .gcs-lang a:hover { color: #fff; }

/* 当前语言：金色下划线。不用实心底 —— 页头已经有一个实心的 CTA 按钮，
   再来一个会打架，而这只是个状态标记不是操作。 */
.gcs-site .gcs-lang a.is-current {
	color: #fff;
	border-bottom-color: var(--gold);
}
.gcs-site .gcs-lang a:focus-visible { outline: 2px solid var(--gold); outline-offset: 2px; }

/* ── 桌面：挤在 CTA 左边，窄屏收起 ── */
.gcs-site .gcs-lang-desk { display: none; margin-left: auto; }
@media (min-width: 1100px) {
	/* ⚠ 1100px 才显示。再往下页头放不开：主导航 7 项 + 7 个语言码 + CTA
	   会挤成两行。窄屏用户走抽屉里那一份。 */
	.gcs-site .gcs-lang-desk { display: flex; }
	.gcs-site .gcs-lang-desk + .nav-mb { margin-left: 12px; }
}

/* ── 抽屉：单独一行，跟导航项拉开距离 ── */
.gcs-site .gcs-lang-drawer {
	flex-wrap: wrap;
	margin-top: 18px; padding-top: 16px;
	border-top: 1px solid var(--navy-line);
}
@media (min-width: 1100px) {
	/* 桌面已有一份，抽屉那份不必再出现 */
	.gcs-site .gcs-lang-drawer { display: none; }
}

/* 实心导航（工具页/登录页）底色更深，链接色要跟着调 */
.gcs-site .nav.solid .gcs-lang a { color: var(--on-dark-4); }
.gcs-site .nav.solid .gcs-lang a:hover,
.gcs-site .nav.solid .gcs-lang a.is-current { color: #fff; }