/* ==========================================================================
   澳洋数字官网 · 数据大字报设计系统
   基调：logo 实测蓝 #0060F8 + 深蓝深色块 + 金色数据点缀
   原则：数字是主角，装饰是配角；移动端优先；不用渐变与粒子效果

   配色依据（强总 2026-10-04 确认：以 logo 颜色为准）
     主色 #0060F8 — 从 logo.png 像素实测，饱和度 100%，非目测值
     深底 #001B45 / #002B70 / #003890 — 同色相压暗，用于首页首屏与案例页
     点缀金 #B08D57 — 沿用品牌资产库规范，用于数据成果高亮
   金色仅用于「成果」语义，不参与导航与链接；界面主色一律蓝。
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. 设计令牌
   -------------------------------------------------------------------------- */
:root {
	/* 品牌主色：logo 实测值 */
	--ayd-brand: #0060F8;
	--ayd-brand-hover: #0054DA;
	--ayd-brand-active: #0048BA;
	--ayd-brand-light: #E0ECFE;
	--ayd-brand-lighter: #EDF4FF;
	--ayd-brand-tint: #F7FAFF;

	/* 深色块：同色相压暗，用于首页首屏与案例页 */
	--ayd-deep: #001B45;
	--ayd-deep-2: #002B70;
	--ayd-deep-3: #003890;

	/* 深底之上的文字与强调 */
	--ayd-on-dark: #FFFFFF;
	--ayd-on-dark-2: #9EC3FC;
	--ayd-on-dark-3: #4C90FA;

	/* 点缀金：仅用于量化成果高亮，不用于导航与链接 */
	--ayd-gold: #B08D57;
	--ayd-gold-light: #F6EEE1;
	--ayd-gold-pale: #E9DFD0;

	/* 辅助：蓝（科技/信任，次级语义） */
	--ayd-blue: #1D5FA8;
	--ayd-blue-light: #EAF1FA;

	/* 语义：红（风险/警示） */
	--ayd-red: #B23B3B;
	--ayd-red-light: #FBECEC;

	/* 文本 */
	--ayd-ink: #1C2530;
	--ayd-ink-2: #4A5563;
	--ayd-ink-3: #8A94A0;

	/* 表面与线 */
	--ayd-bg: #FFFFFF;
	--ayd-bg-2: #F7FAFF;
	--ayd-bg-3: #EDF4FF;
	--ayd-line: #DEE8F8;
	--ayd-line-strong: #B9CCEC;

	/* 语义色（沿用 FDE 与信任背书语义） */
	--ayd-teal: #0E6B5C;
	--ayd-teal-light: #E6F2EF;
	--ayd-amber: #9A6A12;
	--ayd-amber-light: #FDF3E0;

	/* 字体：中文优先 PingFang SC / 微软雅黑；数字用等宽字体承载数据 */
	--ayd-font-sans: "PingFang SC", -apple-system, BlinkMacSystemFont, "Segoe UI",
		"Hiragino Sans GB", "Microsoft YaHei", "Source Han Sans SC", sans-serif;
	--ayd-font-mono: "SF Mono", "JetBrains Mono", "IBM Plex Mono", Menlo, Consolas,
		"Liberation Mono", monospace;

	/* 间距 */
	--ayd-gap-1: 0.5rem;
	--ayd-gap-2: 1rem;
	--ayd-gap-3: 1.5rem;
	--ayd-gap-4: 2.5rem;
	--ayd-gap-5: 4rem;
	--ayd-gap-6: 6rem;

	--ayd-radius: 8px;
	--ayd-radius-lg: 14px;
	--ayd-radius-xl: 20px;

	--ayd-wrap: 1200px;
	--ayd-wrap-narrow: 780px;

	--ayd-shadow-sm: 0 1px 2px rgba(0, 27, 69, .06);
	--ayd-shadow: 0 4px 16px rgba(0, 27, 69, .08);
	--ayd-shadow-lg: 0 12px 40px rgba(0, 27, 69, .12);

	/* 兼容别名：模板与区块模式仍在用 --ayd-blue 表示主色 */
	--ayd-primary: var(--ayd-brand);
	--ayd-primary-dark: var(--ayd-brand-hover);
	--ayd-primary-light: var(--ayd-brand-light);
}

/* --------------------------------------------------------------------------
   2. 基础重置与排版
   -------------------------------------------------------------------------- */
*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	-webkit-text-size-adjust: 100%;
	scroll-behavior: smooth;
}

body.ayd-site {
	margin: 0;
	font-family: var(--ayd-font-sans);
	font-size: 16px;
	line-height: 1.75;
	color: var(--ayd-ink);
	background: var(--ayd-bg);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-feature-settings: "tnum" 1;
}

.ayd-site h1,
.ayd-site h2,
.ayd-site h3,
.ayd-site h4 {
	margin: 0 0 var(--ayd-gap-2);
	font-weight: 600;
	line-height: 1.3;
	color: var(--ayd-ink);
	letter-spacing: -0.01em;
}

.ayd-site h1 { font-size: clamp(1.75rem, 5vw, 2.75rem); }
.ayd-site h2 { font-size: clamp(1.4rem, 3.4vw, 2rem); }
.ayd-site h3 { font-size: clamp(1.1rem, 2.4vw, 1.35rem); }
.ayd-site h4 { font-size: 1.0625rem; }

.ayd-site p {
	margin: 0 0 var(--ayd-gap-2);
}

.ayd-site a {
	color: var(--ayd-brand);
	text-decoration: none;
	transition: color .18s ease;
}

.ayd-site a:hover,
.ayd-site a:focus {
	color: var(--ayd-brand-hover);
	text-decoration: underline;
}

.ayd-site ul,
.ayd-site ol {
	margin: 0 0 var(--ayd-gap-2);
	padding-left: 1.4em;
}

.ayd-site li { margin-bottom: .4em; }

.ayd-site img {
	max-width: 100%;
	height: auto;
	display: block;
}

.ayd-site :focus-visible {
	outline: 2px solid var(--ayd-brand);
	outline-offset: 2px;
	border-radius: 3px;
}

.ayd-site .screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
}

/* 布局容器 */
.ayd-wrap {
	width: 100%;
	max-width: var(--ayd-wrap);
	margin-left: auto;
	margin-right: auto;
	padding-left: var(--ayd-gap-3);
	padding-right: var(--ayd-gap-3);
}

.ayd-wrap-narrow {
	max-width: var(--ayd-wrap-narrow);
}

.ayd-section {
	padding: var(--ayd-gap-6) 0;
}

.ayd-section--tint { background: var(--ayd-bg-2); }
.ayd-section--dark { background: var(--ayd-deep); color: var(--ayd-on-dark); }
.ayd-section--dark h2,
.ayd-section--dark h3 { color: var(--ayd-on-dark); }
.ayd-section--dark p { color: var(--ayd-on-dark-2); }

.ayd-grid {
	display: grid;
	gap: var(--ayd-gap-3);
}

.ayd-grid--2 { grid-template-columns: 1fr; }
.ayd-grid--3 { grid-template-columns: 1fr; }
.ayd-grid--4 { grid-template-columns: repeat(2, 1fr); }

@media (min-width: 768px) {
	.ayd-grid--2 { grid-template-columns: repeat(2, 1fr); }
	.ayd-grid--3 { grid-template-columns: repeat(2, 1fr); }
	.ayd-grid--4 { grid-template-columns: repeat(4, 1fr); }
}

@media (min-width: 1024px) {
	.ayd-grid--3 { grid-template-columns: repeat(3, 1fr); }
	.ayd-gap-4 { gap: var(--ayd-gap-4); }
}

/* --------------------------------------------------------------------------
   3. 数据大字报 —— 全站最强视觉符号
   -------------------------------------------------------------------------- */
.ayd-metrics {
	padding: var(--ayd-gap-5) 0;
}

.ayd-metric-number {
	font-family: var(--ayd-font-mono);
	font-size: clamp(2rem, 6vw, 3.5rem);
	font-weight: 700;
	line-height: 1.05;
	letter-spacing: -0.03em;
	color: var(--ayd-brand);
	margin: 0 0 var(--ayd-gap-1);
	font-feature-settings: "tnum" 1;
}

.ayd-section--dark .ayd-metric-number { color: var(--ayd-gold-pale); }

.ayd-metric-unit {
	font-size: .42em;
	font-weight: 500;
	margin-left: .15em;
	color: var(--ayd-ink-2);
	letter-spacing: 0;
}

.ayd-section--dark .ayd-metric-unit { color: var(--ayd-on-dark-2); }

.ayd-metric-arrow {
	color: var(--ayd-ink-3);
	margin: 0 .1em;
	font-weight: 400;
}

.ayd-metric-label {
	font-size: .9375rem;
	color: var(--ayd-ink-2);
	margin: 0;
	line-height: 1.5;
}

/* 案例成效卡 */
.ayd-result-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: var(--ayd-gap-2);
	margin-top: var(--ayd-gap-3);
}

.ayd-result-card {
	padding: var(--ayd-gap-3);
	background: var(--ayd-bg-2);
	border: 1px solid var(--ayd-line);
	border-radius: var(--ayd-radius-lg);
	display: flex;
	flex-direction: column;
	gap: var(--ayd-gap-1);
}

.ayd-result-value {
	font-family: var(--ayd-font-mono);
	font-size: 1.375rem;
	font-weight: 700;
	color: var(--ayd-deep);
	letter-spacing: -0.02em;
	line-height: 1.2;
}

.ayd-result-label {
	font-size: .875rem;
	color: var(--ayd-ink-2);
}

.ayd-metric-note {
	font-size: .875rem;
	color: var(--ayd-ink-3);
	margin-top: var(--ayd-gap-2);
	padding-top: var(--ayd-gap-2);
	border-top: 1px dashed var(--ayd-line);
}

/* --------------------------------------------------------------------------
   4. 首屏
   -------------------------------------------------------------------------- */
@media (max-width: 767px) {
	/* 移动端隐藏首屏背景图，优先保证加载速度与文字可读性 */
	.ayd-hero--image::after {
		background-image: none;
		background: var(--ayd-deep);
	}
}
.ayd-hero {
	position: relative;
	background: var(--ayd-deep);
	color: var(--ayd-on-dark);
	padding: var(--ayd-gap-6) 0;
	overflow: hidden;
}

/* 背景图：叠在网格纹理之下，遮罩保证文字可读 */
.ayd-hero--image::after {
	content: "";
	position: absolute;
	inset: 0;
	background-image:
		linear-gradient(90deg, var(--ayd-deep) 0%, rgba(0, 27, 69, .88) 42%, rgba(0, 27, 69, .62) 100%),
		var(--ayd-hero-image);
	background-size: cover;
	background-position: center right;
	background-repeat: no-repeat;
	pointer-events: none;
	z-index: 0;
}

/* 细网格纹理，不使用渐变 */
.ayd-hero::before {
	content: "";
	position: absolute;
	inset: 0;
	background-image:
		linear-gradient(rgba(240, 217, 166, .07) 1px, transparent 1px),
		linear-gradient(90deg, rgba(240, 217, 166, .07) 1px, transparent 1px);
	background-size: 56px 56px;
	pointer-events: none;
}

.ayd-hero > * { position: relative; z-index: 1; }

.ayd-hero-title {
	font-size: clamp(2rem, 6vw, 3.75rem);
	font-weight: 700;
	line-height: 1.12;
	letter-spacing: -0.025em;
	color: var(--ayd-on-dark);
	margin-bottom: var(--ayd-gap-3);
}

.ayd-hero-lead {
	font-size: clamp(1rem, 2.2vw, 1.1875rem);
	color: var(--ayd-on-dark-2);
	max-width: 46ch;
	margin-bottom: var(--ayd-gap-4);
}

.ayd-hero-eyebrow {
	font-family: var(--ayd-font-mono);
	font-size: .8125rem;
	letter-spacing: .08em;
	color: var(--ayd-gold-pale);
	margin-bottom: var(--ayd-gap-2);
	text-transform: uppercase;
}

/* 品牌承诺：首页最重要的一句，视觉上与主张并列 */
.ayd-hero-promise {
	font-size: clamp(1rem, 2.4vw, 1.25rem);
	font-weight: 600;
	color: var(--ayd-gold-pale);
	margin: 0 0 var(--ayd-gap-2);
	letter-spacing: .01em;
}

/* 服务方法论脚注 */
.ayd-hero-method {
	margin: var(--ayd-gap-4) 0 0;
	padding-top: var(--ayd-gap-3);
	border-top: 1px solid rgba(240, 217, 166, .2);
	font-size: .8125rem;
	color: var(--ayd-on-dark-2);
	letter-spacing: .01em;
}

/* --------------------------------------------------------------------------
   5. 按钮
   -------------------------------------------------------------------------- */
.ayd-site .wp-block-button__link,
.ayd-site button.ayd-btn,
.ayd-btn {
	display: inline-flex;
	align-items: center;
	gap: .5em;
	padding: .8125rem 1.5rem;
	font-size: .9375rem;
	font-weight: 600;
	line-height: 1.2;
	border-radius: var(--ayd-radius);
	border: 1.5px solid transparent;
	background: var(--ayd-brand);
	color: #fff;
	cursor: pointer;
	transition: background .18s ease, border-color .18s ease, color .18s ease;
	text-decoration: none;
}

.ayd-site .wp-block-button__link:hover,
.ayd-site .wp-block-button__link:focus,
.ayd-btn:hover,
.ayd-btn:focus {
	background: var(--ayd-brand-hover);
	color: #fff;
	text-decoration: none;
}

.ayd-site .is-style-outline .wp-block-button__link,
.ayd-btn--ghost {
	background: transparent;
	border-color: currentColor;
	color: var(--ayd-brand);
}

.ayd-site .is-style-outline .wp-block-button__link:hover,
.ayd-btn--ghost:hover {
	background: var(--ayd-brand-light);
	color: var(--ayd-brand-hover);
}

.ayd-hero .wp-block-button__link.is-style-outline .wp-block-button__link,
.ayd-section--dark .ayd-btn--ghost {
	color: var(--ayd-gold-pale);
}

.ayd-hero .wp-block-button__link.is-style-outline .wp-block-button__link:hover {
	background: rgba(240, 217, 166, .14);
	color: #B4E3DA;
}

.ayd-cta {
	display: inline-flex;
	align-items: center;
	gap: .4em;
	padding: .625rem 1.125rem;
	font-size: .875rem;
	font-weight: 600;
	background: var(--ayd-brand);
	color: #fff !important;
	border-radius: var(--ayd-radius);
	white-space: nowrap;
}

.ayd-cta:hover,
.ayd-cta:focus {
	background: var(--ayd-brand-hover);
	text-decoration: none;
}

.ayd-cta span { transition: transform .18s ease; }
.ayd-cta:hover span { transform: translateX(3px); }

/* --------------------------------------------------------------------------
   6. 导航
   -------------------------------------------------------------------------- */
.ayd-header {
	position: sticky;
	top: 0;
	z-index: 100;
	background: rgba(255, 255, 255, .96);
	backdrop-filter: saturate(180%) blur(12px);
	border-bottom: 1px solid var(--ayd-line);
}

.admin-bar .ayd-header { top: 32px; }

.ayd-header-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--ayd-gap-3);
	min-height: 68px;
}

.ayd-brand {
	display: flex;
	align-items: center;
	gap: .625rem;
	flex-shrink: 0;
}

.ayd-brand img {
	max-height: 40px;
	width: auto;
}

.ayd-brand-text {
	font-weight: 700;
	font-size: 1.0625rem;
	color: var(--ayd-deep);
	letter-spacing: -0.01em;
}

.ayd-nav { display: none; }

.ayd-menu {
	display: flex;
	align-items: center;
	gap: var(--ayd-gap-1);
	list-style: none;
	margin: 0;
	padding: 0;
}

.ayd-menu > li { position: relative; margin: 0; }

.ayd-menu-link {
	display: block;
	padding: .625rem .875rem;
	font-size: .9375rem;
	font-weight: 500;
	color: var(--ayd-ink);
	border-radius: var(--ayd-radius);
	text-decoration: none;
}

.ayd-menu-link:hover,
.ayd-menu-link:focus {
	background: var(--ayd-brand-light);
	color: var(--ayd-brand-hover);
	text-decoration: none;
}

.ayd-has-submenu > .ayd-menu-link::after {
	content: "";
	display: inline-block;
	width: 6px;
	height: 6px;
	margin-left: .5em;
	border-right: 1.5px solid currentColor;
	border-bottom: 1.5px solid currentColor;
	transform: translateY(-2px) rotate(45deg);
}

.ayd-submenu {
	position: absolute;
	top: 100%;
	left: 0;
	min-width: 220px;
	margin: 0;
	padding: var(--ayd-gap-1);
	list-style: none;
	background: #fff;
	border: 1px solid var(--ayd-line);
	border-radius: var(--ayd-radius-lg);
	box-shadow: var(--ayd-shadow-lg);
	opacity: 0;
	visibility: hidden;
	transform: translateY(6px);
	transition: opacity .18s ease, transform .18s ease, visibility .18s;
	z-index: 50;
}

.ayd-has-submenu:hover > .ayd-submenu,
.ayd-has-submenu:focus-within > .ayd-submenu {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.ayd-submenu .ayd-menu-link {
	padding: .5rem .75rem;
	font-size: .875rem;
	border-radius: var(--ayd-radius);
}

/* 移动端菜单开关 */
.ayd-menu-toggle {
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	gap: 5px;
	width: 42px;
	height: 42px;
	padding: 0 9px;
	background: transparent;
	border: 1px solid var(--ayd-line);
	border-radius: var(--ayd-radius);
	cursor: pointer;
}

.ayd-menu-toggle span {
	display: block;
	width: 100%;
	height: 2px;
	background: var(--ayd-ink);
	border-radius: 1px;
	transition: transform .22s ease, opacity .22s ease;
}

.ayd-menu-toggle[aria-expanded="true"] span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.ayd-menu-toggle[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
.ayd-menu-toggle[aria-expanded="true"] span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

@media (min-width: 1024px) {
	.ayd-nav { display: block; }
	.ayd-menu-toggle { display: none; }
	.ayd-header-actions { display: flex; align-items: center; gap: var(--ayd-gap-2); }
}

/* 移动端抽屉 */
.ayd-mobile-nav {
	position: fixed;
	inset: 0 0 0 auto;
	width: min(84vw, 380px);
	background: #fff;
	z-index: 200;
	transform: translateX(100%);
	transition: transform .28s ease;
	overflow-y: auto;
	padding: var(--ayd-gap-3);
	box-shadow: var(--ayd-shadow-lg);
}

.ayd-mobile-nav.is-open { transform: translateX(0); }

.ayd-mobile-nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.ayd-mobile-nav li { margin: 0; border-bottom: 1px solid var(--ayd-line); }

.ayd-mobile-nav a {
	display: block;
	padding: .875rem 0;
	font-size: 1rem;
	font-weight: 500;
	color: var(--ayd-ink);
}

.ayd-mobile-nav .ayd-submenu {
	position: static;
	opacity: 1;
	visibility: visible;
	transform: none;
	box-shadow: none;
	border: 0;
	border-left: 2px solid var(--ayd-line);
	margin-left: var(--ayd-gap-2);
	padding-left: var(--ayd-gap-2);
	min-width: 0;
}

.ayd-mobile-overlay {
	position: fixed;
	inset: 0;
	background: rgba(4, 44, 83, .4);
	z-index: 150;
	opacity: 0;
	visibility: hidden;
	transition: opacity .28s ease, visibility .28s;
}

.ayd-mobile-overlay.is-open { opacity: 1; visibility: visible; }

/* --------------------------------------------------------------------------
   7. 卡片与列表
   -------------------------------------------------------------------------- */
.ayd-card {
	background: #fff;
	border: 1px solid var(--ayd-line);
	border-radius: var(--ayd-radius-lg);
	padding: var(--ayd-gap-3);
	transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
	height: 100%;
}

.ayd-card:hover {
	border-color: var(--ayd-line-strong);
	box-shadow: var(--ayd-shadow);
	transform: translateY(-2px);
}

.ayd-card h3 {
	font-size: 1.125rem;
	margin-bottom: var(--ayd-gap-1);
}

.ayd-card p {
	font-size: .9375rem;
	color: var(--ayd-ink-2);
	margin: 0;
}

.ayd-card-eyebrow {
	font-family: var(--ayd-font-mono);
	font-size: .75rem;
	letter-spacing: .06em;
	color: var(--ayd-brand);
	text-transform: uppercase;
	margin-bottom: var(--ayd-gap-1);
}

/* 归档卡片网格 */
.ayd-archive-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--ayd-gap-3);
}

@media (min-width: 640px) {
	.ayd-archive-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (min-width: 1024px) {
	.ayd-archive-grid { grid-template-columns: repeat(3, 1fr); }
}

.ayd-archive-card {
	display: flex;
	flex-direction: column;
	background: #fff;
	border: 1px solid var(--ayd-line);
	border-radius: var(--ayd-radius-lg);
	overflow: hidden;
	transition: border-color .18s ease, box-shadow .18s ease;
}

.ayd-archive-card:hover {
	border-color: var(--ayd-line-strong);
	box-shadow: var(--ayd-shadow);
}

.ayd-archive-thumb {
	aspect-ratio: 16 / 10;
	background: var(--ayd-bg-3);
	overflow: hidden;
}

.ayd-archive-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .3s ease;
}

.ayd-archive-card:hover .ayd-archive-thumb img { transform: scale(1.03); }

.ayd-archive-body {
	padding: var(--ayd-gap-3);
	flex: 1;
	display: flex;
	flex-direction: column;
}

.ayd-archive-body h3 {
	font-size: 1.0625rem;
	margin-bottom: var(--ayd-gap-1);
	line-height: 1.4;
}

.ayd-archive-body p {
	font-size: .875rem;
	color: var(--ayd-ink-2);
	margin: 0;
}

.ayd-archive-tags {
	margin-top: auto;
	padding-top: var(--ayd-gap-2);
	display: flex;
	flex-wrap: wrap;
	gap: .375rem;
}

.ayd-tag {
	display: inline-block;
	padding: .1875rem .5rem;
	font-size: .75rem;
	background: var(--ayd-bg-2);
	color: var(--ayd-ink-2);
	border-radius: 4px;
	line-height: 1.5;
}

.ayd-tag--blue {
	background: var(--ayd-brand-light);
	color: var(--ayd-brand-hover);
}

.ayd-tag--teal {
	background: var(--ayd-teal-light);
	color: var(--ayd-teal);
}

.ayd-tag--amber {
	background: var(--ayd-amber-light);
	color: var(--ayd-amber);
}

/* 行业筛选栏 */
.ayd-filter-bar {
	display: flex;
	flex-wrap: wrap;
	gap: var(--ayd-gap-1);
	padding: var(--ayd-gap-2) 0;
	margin-bottom: var(--ayd-gap-4);
	border-bottom: 1px solid var(--ayd-line);
}

.ayd-filter {
	padding: .4375rem .875rem;
	font-size: .875rem;
	font-weight: 500;
	color: var(--ayd-ink-2);
	background: var(--ayd-bg-2);
	border-radius: 999px;
}

.ayd-filter:hover,
.ayd-filter:focus,
.ayd-filter.is-active {
	background: var(--ayd-deep);
	color: #fff;
	text-decoration: none;
}

/* --------------------------------------------------------------------------
   8. 单页内容区
   -------------------------------------------------------------------------- */
.ayd-breadcrumb {
	font-size: .8125rem;
	color: var(--ayd-ink-3);
	padding: var(--ayd-gap-3) 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: .5em;
}

.ayd-breadcrumb a { color: var(--ayd-ink-2); }
.ayd-sep { color: var(--ayd-line-strong); }

.ayd-page-header {
	padding: 0 0 var(--ayd-gap-4);
	border-bottom: 1px solid var(--ayd-line);
	margin-bottom: var(--ayd-gap-4);
}

.ayd-page-title {
	font-size: clamp(1.75rem, 4.5vw, 2.5rem);
	margin-bottom: var(--ayd-gap-2);
}

.ayd-page-lede {
	font-size: 1.0625rem;
	color: var(--ayd-ink-2);
	max-width: 60ch;
	margin: 0;
}

/* 一句话价值条：每页必现，GEO 关键 */
.ayd-value-proposition {
	padding: var(--ayd-gap-3);
	background: var(--ayd-brand-light);
	border-left: 4px solid var(--ayd-brand);
	border-radius: var(--ayd-radius);
	margin-bottom: var(--ayd-gap-4);
}

.ayd-value-text {
	font-size: 1.0625rem;
	font-weight: 500;
	line-height: 1.7;
	color: var(--ayd-deep);
	margin: 0;
}

.ayd-meta-section { margin-bottom: var(--ayd-gap-5); }

.ayd-meta-section > h2 {
	font-size: 1.375rem;
	padding-bottom: var(--ayd-gap-1);
	border-bottom: 2px solid var(--ayd-deep);
	display: inline-block;
	margin-bottom: var(--ayd-gap-3);
}

.ayd-meta-list {
	list-style: none;
	padding: 0;
	margin: 0;
	display: grid;
	gap: var(--ayd-gap-2);
}

.ayd-meta-list li {
	padding: var(--ayd-gap-2) 0;
	border-bottom: 1px solid var(--ayd-line);
	margin: 0;
}

.ayd-meta-list li:last-child { border-bottom: 0; }

.ayd-meta-list strong {
	display: block;
	font-size: 1rem;
	color: var(--ayd-deep);
	margin-bottom: .25em;
}

.ayd-meta-list span {
	display: block;
	font-size: .9375rem;
	color: var(--ayd-ink-2);
}

.ayd-delivery {
	padding: var(--ayd-gap-3);
	background: var(--ayd-bg-2);
	border-radius: var(--ayd-radius);
	font-size: .9375rem;
}

.ayd-delivery strong { color: var(--ayd-deep); }

.ayd-case-client {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--ayd-gap-2);
	padding: var(--ayd-gap-3);
	background: var(--ayd-bg-2);
	border-radius: var(--ayd-radius);
	margin-bottom: var(--ayd-gap-4);
}

.ayd-case-label {
	font-family: var(--ayd-font-mono);
	font-size: .75rem;
	letter-spacing: .06em;
	color: var(--ayd-ink-3);
	text-transform: uppercase;
}

.ayd-case-value { font-weight: 600; color: var(--ayd-ink); }

.ayd-case-quote {
	margin: var(--ayd-gap-4) 0;
	padding: var(--ayd-gap-3);
	background: var(--ayd-teal-light);
	border-left: 4px solid var(--ayd-teal);
	border-radius: var(--ayd-radius);
	font-size: 1.0625rem;
	line-height: 1.8;
	color: #04342C;
}

.ayd-case-quote p:last-child { margin-bottom: 0; }

/* 正文排版 */
.ayd-content {
	font-size: 1rem;
	line-height: 1.85;
}

.ayd-content > * + * { margin-top: 1.25em; }

.ayd-content h2 {
	font-size: clamp(1.3rem, 3vw, 1.625rem);
	margin-top: var(--ayd-gap-5);
	padding-bottom: .5em;
	border-bottom: 1px solid var(--ayd-line);
}

.ayd-content h3 { margin-top: var(--ayd-gap-4); }

.ayd-content blockquote {
	margin: var(--ayd-gap-4) 0;
	padding: var(--ayd-gap-3);
	background: var(--ayd-bg-2);
	border-left: 4px solid var(--ayd-line-strong);
	color: var(--ayd-ink-2);
}

.ayd-content table {
	width: 100%;
	border-collapse: collapse;
	font-size: .9375rem;
	display: block;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.ayd-content th,
.ayd-content td {
	border: 1px solid var(--ayd-line);
	padding: .625rem .875rem;
	text-align: left;
}

.ayd-content th {
	background: var(--ayd-bg-2);
	font-weight: 600;
	color: var(--ayd-deep);
	white-space: nowrap;
}

.ayd-content code {
	font-family: var(--ayd-font-mono);
	font-size: .875em;
	background: var(--ayd-bg-2);
	padding: .125em .375em;
	border-radius: 4px;
}

.ayd-content pre {
	background: var(--ayd-deep);
	color: var(--ayd-on-dark);
	padding: var(--ayd-gap-3);
	border-radius: var(--ayd-radius);
	overflow-x: auto;
	font-size: .875rem;
	line-height: 1.7;
}

.ayd-content pre code { background: none; color: inherit; padding: 0; }

/* --------------------------------------------------------------------------
   9. FAQ
   -------------------------------------------------------------------------- */
.ayd-faq-section { margin: var(--ayd-gap-5) 0; }

.ayd-faq-section > h2 {
	font-size: 1.375rem;
	padding-bottom: .5em;
	border-bottom: 2px solid var(--ayd-deep);
	display: inline-block;
	margin-bottom: var(--ayd-gap-3);
}

.ayd-faq-item {
	border: 1px solid var(--ayd-line);
	border-radius: var(--ayd-radius);
	margin-bottom: var(--ayd-gap-2);
	background: #fff;
	overflow: hidden;
}

.ayd-faq-item summary {
	padding: var(--ayd-gap-2) var(--ayd-gap-3);
	font-weight: 600;
	font-size: 1rem;
	cursor: pointer;
	list-style: none;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: var(--ayd-gap-2);
}

.ayd-faq-item summary::-webkit-details-marker { display: none; }

.ayd-faq-item summary::after {
	content: "+";
	font-family: var(--ayd-font-mono);
	font-size: 1.25rem;
	font-weight: 400;
	color: var(--ayd-brand);
	flex-shrink: 0;
}

.ayd-faq-item[open] summary::after { content: "−"; }
.ayd-faq-item[open] summary { border-bottom: 1px solid var(--ayd-line); }

.ayd-faq-answer {
	padding: var(--ayd-gap-2) var(--ayd-gap-3);
	font-size: .9375rem;
	color: var(--ayd-ink-2);
}

.ayd-faq-answer p { margin: 0 0 .75em; }
.ayd-faq-answer p:last-child { margin: 0; }

/* --------------------------------------------------------------------------
   10. 创始人故事：时间轴与引言
   -------------------------------------------------------------------------- */
.ayd-founder-quote {
	margin: 0 0 var(--ayd-gap-5);
	padding: var(--ayd-gap-4);
	background: var(--ayd-gold-light);
	border-left: 4px solid var(--ayd-gold);
	border-radius: var(--ayd-radius);
	font-size: 1.0625rem;
	line-height: 1.85;
	color: #7A5B1E;
}

.ayd-founder-quote p { margin: 0 0 var(--ayd-gap-2); }
.ayd-founder-quote p:last-child { margin-bottom: 0; }

.ayd-founder-quote cite {
	display: block;
	margin-top: var(--ayd-gap-2);
	font-size: .875rem;
	font-style: normal;
	color: var(--ayd-gold);
	font-weight: 500;
}

/* 职业时间轴 */
.ayd-timeline {
	position: relative;
	margin: 0;
	padding: 0 0 0 var(--ayd-gap-4);
	list-style: none;
}

.ayd-timeline::before {
	content: "";
	position: absolute;
	left: 6px;
	top: 8px;
	bottom: 8px;
	width: 2px;
	background: var(--ayd-brand-light);
}

.ayd-timeline__item {
	position: relative;
	margin-bottom: var(--ayd-gap-4);
}

.ayd-timeline__item:last-child { margin-bottom: 0; }

.ayd-timeline__item::before {
	content: "";
	position: absolute;
	left: calc(-1 * var(--ayd-gap-4) + 1px);
	top: 6px;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: var(--ayd-brand);
	box-shadow: 0 0 0 3px var(--ayd-brand-light);
}

.ayd-timeline__year {
	font-family: var(--ayd-font-mono);
	font-size: .8125rem;
	font-weight: 700;
	letter-spacing: .04em;
	color: var(--ayd-brand);
	margin: 0 0 .25em;
}

.ayd-timeline__item h3 {
	font-size: 1.0625rem;
	margin-bottom: .375rem;
}

.ayd-timeline__item p:last-child {
	margin: 0;
	font-size: .9375rem;
	color: var(--ayd-ink-2);
}

/* FDE 方法论三段式 */
.ayd-fde {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--ayd-gap-2);
	margin: var(--ayd-gap-4) 0;
}

@media (min-width: 768px) {
	.ayd-fde { grid-template-columns: repeat(3, 1fr); }
}

.ayd-fde__step {
	padding: var(--ayd-gap-3);
	background: var(--ayd-brand-light);
	border-radius: var(--ayd-radius-lg);
	border-top: 3px solid var(--ayd-brand);
}

.ayd-fde__letter {
	font-family: var(--ayd-font-mono);
	font-size: 2rem;
	font-weight: 700;
	line-height: 1;
	color: var(--ayd-brand);
	margin: 0 0 .375rem;
}

.ayd-fde__name {
	font-size: 1rem;
	font-weight: 600;
	color: var(--ayd-deep);
	margin: 0 0 .375rem;
}

.ayd-fde__desc {
	font-size: .875rem;
	color: var(--ayd-ink-2);
	margin: 0;
	line-height: 1.7;
}

/* 强调引述块 */
.ayd-callout {
	margin: var(--ayd-gap-4) 0;
	padding: var(--ayd-gap-3);
	background: var(--ayd-brand-light);
	border-left: 4px solid var(--ayd-brand);
	border-radius: var(--ayd-radius);
	font-size: .9375rem;
	line-height: 1.8;
	color: var(--ayd-deep);
}

/* 横向滚动的对比表：移动端不撑破布局 */
.ayd-tw {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	border: 1px solid var(--ayd-line);
	border-radius: var(--ayd-radius);
	background: #fff;
	margin: var(--ayd-gap-3) 0;
}

.ayd-tw table {
	width: 100%;
	border-collapse: collapse;
	font-size: .9375rem;
	min-width: 520px;
}

.ayd-tw th,
.ayd-tw td {
	padding: .75rem 1rem;
	text-align: left;
	border-bottom: 1px solid var(--ayd-line);
	vertical-align: top;
	line-height: 1.65;
}

.ayd-tw th {
	background: var(--ayd-bg-2);
	font-weight: 600;
	color: var(--ayd-deep);
	white-space: nowrap;
}

.ayd-tw tbody tr:last-child td { border-bottom: 0; }
.ayd-tw td:first-child { font-weight: 500; white-space: nowrap; }

/* --------------------------------------------------------------------------
   10b. 澳洋智数 AI Agent 体系区块
   -------------------------------------------------------------------------- */
.ayd-ad-section {
	background: var(--ayd-bg-2);
	border-top: 1px solid var(--ayd-line);
	border-bottom: 1px solid var(--ayd-line);
}

.ayd-ad-header {
	max-width: 62ch;
	margin-bottom: var(--ayd-gap-5);
}

.ayd-ad-eyebrow {
	font-family: var(--ayd-font-mono);
	font-size: .8125rem;
	letter-spacing: .08em;
	color: var(--ayd-brand);
	text-transform: uppercase;
	margin: 0 0 var(--ayd-gap-2);
}

.ayd-ad-title {
	font-size: clamp(1.5rem, 4vw, 2.25rem);
	line-height: 1.25;
	margin-bottom: var(--ayd-gap-3);
}

.ayd-ad-lead {
	font-size: 1.0625rem;
	color: var(--ayd-ink-2);
	margin: 0;
}

/* 双轨卡片 */
.ayd-ad-tracks {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--ayd-gap-3);
	margin-bottom: var(--ayd-gap-4);
}

@media (min-width: 768px) {
	.ayd-ad-tracks { grid-template-columns: repeat(2, 1fr); }
}

.ayd-ad-track {
	padding: var(--ayd-gap-3);
	background: #fff;
	border: 1px solid var(--ayd-line);
	border-top: 3px solid var(--ayd-line-strong);
	border-radius: var(--ayd-radius-lg);
}

.ayd-ad-track--accent {
	border-top-color: var(--ayd-gold);
}

.ayd-ad-track__label {
	font-family: var(--ayd-font-mono);
	font-size: .75rem;
	letter-spacing: .06em;
	color: var(--ayd-ink-3);
	margin: 0 0 .375rem;
}

.ayd-ad-track h3 {
	font-size: 1.25rem;
	margin-bottom: var(--ayd-gap-2);
	color: var(--ayd-deep);
}

.ayd-ad-track p {
	font-size: .9375rem;
	color: var(--ayd-ink-2);
	margin: 0 0 var(--ayd-gap-1);
}

.ayd-ad-track__value {
	font-size: .875rem !important;
	color: var(--ayd-brand) !important;
	font-weight: 500;
	padding-top: var(--ayd-gap-2);
	border-top: 1px dashed var(--ayd-line);
	margin-bottom: 0 !important;
}

.ayd-ad-subtitle {
	font-size: 1.125rem;
	margin: var(--ayd-gap-5) 0 var(--ayd-gap-3);
}

/* Agent 网格 */
.ayd-ad-agents {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--ayd-gap-2);
}

@media (min-width: 640px) {
	.ayd-ad-agents { grid-template-columns: repeat(2, 1fr); }
}

@media (min-width: 1024px) {
	.ayd-ad-agents { grid-template-columns: repeat(5, 1fr); }
}

.ayd-ad-agent {
	padding: var(--ayd-gap-2) var(--ayd-gap-3);
	background: #fff;
	border: 1px solid var(--ayd-line);
	border-radius: var(--ayd-radius);
	transition: border-color .18s ease;
}

.ayd-ad-agent:hover { border-color: var(--ayd-brand); }

.ayd-ad-agent h4 {
	font-size: .9375rem;
	color: var(--ayd-deep);
	margin: 0 0 .25rem;
}

.ayd-ad-agent p {
	font-size: .8125rem;
	color: var(--ayd-ink-2);
	margin: 0;
	line-height: 1.6;
}

/* --------------------------------------------------------------------------
   11. 公司信息事实块（GEO 锚点）
   -------------------------------------------------------------------------- */
.ayd-company-facts {
	margin: var(--ayd-gap-6) 0 0;
	padding: var(--ayd-gap-4);
	background: var(--ayd-bg-2);
	border-radius: var(--ayd-radius-lg);
}

.ayd-facts-title {
	font-size: 1rem;
	color: var(--ayd-ink-3);
	text-transform: uppercase;
	letter-spacing: .06em;
	margin-bottom: var(--ayd-gap-3);
}

.ayd-facts-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: var(--ayd-gap-3);
	margin: 0;
}

.ayd-fact dt {
	font-size: .8125rem;
	color: var(--ayd-ink-3);
	margin-bottom: .25em;
}

.ayd-fact dd {
	margin: 0;
	font-size: .9375rem;
	font-weight: 500;
	color: var(--ayd-ink);
}

/* --------------------------------------------------------------------------
   12. 表单
   -------------------------------------------------------------------------- */
.ayd-form {
	display: grid;
	gap: var(--ayd-gap-2);
}

.ayd-form-row {
	display: grid;
	gap: var(--ayd-gap-2);
}

@media (min-width: 640px) {
	.ayd-form-row { grid-template-columns: repeat(2, 1fr); }
}

.ayd-field label {
	display: block;
	font-size: .875rem;
	font-weight: 500;
	color: var(--ayd-ink-2);
	margin-bottom: .375rem;
}

.ayd-field input[type="text"],
.ayd-field input[type="email"],
.ayd-field input[type="tel"],
.ayd-field select,
.ayd-field textarea {
	width: 100%;
	padding: .6875rem .875rem;
	font-size: .9375rem;
	font-family: inherit;
	color: var(--ayd-ink);
	background: #fff;
	border: 1px solid var(--ayd-line-strong);
	border-radius: var(--ayd-radius);
	transition: border-color .18s ease, box-shadow .18s ease;
}

.ayd-field input:focus,
.ayd-field select:focus,
.ayd-field textarea:focus {
	outline: none;
	border-color: var(--ayd-brand);
	box-shadow: 0 0 0 3px rgba(22, 104, 227, .12);
}

.ayd-field textarea { min-height: 120px; resize: vertical; }

.ayd-field .ayd-req { color: var(--ayd-red); }

.ayd-field-hint {
	font-size: .8125rem;
	color: var(--ayd-ink-3);
	margin: .375rem 0 0;
	line-height: 1.5;
}

.ayd-field-hint::before {
	content: "提示：";
	font-weight: 500;
}

/* --------------------------------------------------------------------------
   13. 页脚
   -------------------------------------------------------------------------- */
.ayd-footer {
	background: var(--ayd-deep);
	color: var(--ayd-on-dark-2);
	padding: var(--ayd-gap-5) 0 var(--ayd-gap-3);
	margin-top: var(--ayd-gap-6);
}

.ayd-footer h3,
.ayd-footer .widget-title {
	font-size: .875rem;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: .06em;
	margin-bottom: var(--ayd-gap-2);
}

.ayd-footer a { color: var(--ayd-on-dark-2); }
.ayd-footer a:hover { color: var(--ayd-gold-pale); text-decoration: none; }

.ayd-footer ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.ayd-footer li { margin-bottom: .5em; }

.ayd-footer-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--ayd-gap-4);
	padding-bottom: var(--ayd-gap-4);
	border-bottom: 1px solid rgba(255, 255, 255, .12);
}

@media (min-width: 640px) {
	.ayd-footer-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (min-width: 1024px) {
	.ayd-footer-grid { grid-template-columns: 1.6fr repeat(3, 1fr); }
}

.ayd-footer-bottom {
	padding-top: var(--ayd-gap-3);
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: var(--ayd-gap-2);
	font-size: .8125rem;
	color: rgba(181, 212, 244, .7);
}

.ayd-footer-contact {
	font-family: var(--ayd-font-mono);
	font-size: 1.0625rem;
	color: var(--ayd-gold-pale);
	letter-spacing: -0.01em;
}

/* --------------------------------------------------------------------------
   14. 入场动效：仅轻量显现，不做视差与粒子
   -------------------------------------------------------------------------- */
@media (prefers-reduced-motion: no-preference) {
	.ayd-reveal {
		opacity: 0;
		transform: translateY(12px);
		transition: opacity .5s ease, transform .5s ease;
	}

	.ayd-reveal.is-visible {
		opacity: 1;
		transform: translateY(0);
	}
}

/* --------------------------------------------------------------------------
   15. 打印与深色偏好
   -------------------------------------------------------------------------- */
@media print {
	.ayd-header,
	.ayd-footer,
	.ayd-cta,
	.ayd-mobile-nav,
	.ayd-mobile-overlay {
		display: none !important;
	}

	.ayd-hero,
	.ayd-section--dark {
		background: none !important;
		color: var(--ayd-ink) !important;
	}
}

/* --------------------------------------------------------------------------
   16. 减少对 GeneratePress 默认样式的依赖，做兜底修正
   -------------------------------------------------------------------------- */
.ayd-site .site-header,
.ayd-site .site-footer { display: none; }

.ayd-site .entry-content > *:first-child { margin-top: 0; }
.ayd-site .wp-block-columns { gap: var(--ayd-gap-3); }

/* Gutenberg 调色板桥接：让编辑器里选中品牌色即可得到正确的前景色 */
.has-ayd-brand-color { color: var(--ayd-brand) !important; }
.has-ayd-brand-background-color { background-color: var(--ayd-brand) !important; }
.has-ayd-deep-color { color: var(--ayd-deep) !important; }
.has-ayd-deep-background-color { background-color: var(--ayd-deep) !important; }
.has-ayd-gold-color { color: var(--ayd-gold) !important; }
.has-ayd-gold-background-color { background-color: var(--ayd-gold) !important; }
.has-ayd-blue-color { color: var(--ayd-blue) !important; }
.has-ayd-blue-background-color { background-color: var(--ayd-blue) !important; }

/* Gutenberg 间距预设别名，保证区块模式里的 xlarge/xxlarge 生效 */
.ayd-site .wp-block-group {
	--wp--preset--spacing--xxlarge: var(--ayd-gap-6);
	--wp--preset--spacing--xlarge: var(--ayd-gap-5);
	--wp--preset--spacing--large: var(--ayd-gap-4);
}