/* ============================================================
 * appliancedirect.css — Hootua Design System (v2)
 * 视觉基线对齐 hootua_theme_page_design_preview.html：
 * teal/slate 主色系 + Inter 字体 + 圆角卡片 + FontAwesome 图标。
 * 类名保持不变（pd-*），functions.php 里拼接HTML的CTA按钮/徽章类名
 * 也全部沿用，只重设视觉表现，不动结构逻辑。
 * ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');

:root {
	/* Hootua 品牌色板 */
	--pd-color-primary: #0f766e;        /* teal-700 */
	--pd-color-primary-dark: #115e59;   /* teal-800 */
	--pd-color-primary-light: #14b8a6;  /* teal-500 */
	--pd-color-primary-soft: #f0fdfa;   /* teal-50 */
	--pd-color-secondary: #0369a1;      /* sky-700 */
	--pd-color-accent: #f97316;         /* orange-500 */
	--pd-color-accent-hover: #ea580c;

	--pd-color-amazon: #FF9900;
	--pd-color-amazon-hover: #e68a00;
	--pd-color-amazon-text: #0f172a;
	--pd-color-ebay: #0064D2;
	--pd-color-ebay-hover: #0052b0;

	--pd-color-emerald: #059669;
	--pd-color-emerald-bg: #ecfdf5;
	--pd-color-emerald-border: #a7f3d0;
	--pd-color-amber: #d97706;
	--pd-color-amber-bg: #fffbeb;
	--pd-color-amber-border: #fde68a;

	--pd-color-bg: #f8fafc;             /* slate-50 */
	--pd-color-surface: #ffffff;
	--pd-color-border: #e2e8f0;         /* slate-200 */
	--pd-color-border-hover: #cbd5e1;   /* slate-300 */
	--pd-color-text: #0f172a;           /* slate-900 */
	--pd-color-text-muted: #64748b;     /* slate-500 */
	--pd-color-text-faint: #94a3b8;     /* slate-400 */
	--pd-color-dark: #0f172a;           /* slate-900 */
	--pd-color-dark-soft: #1e293b;      /* slate-800 */

	--pd-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
	--pd-shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
	--pd-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
	--pd-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);

	--pd-radius: 0.75rem;      /* rounded-xl */
	--pd-radius-lg: 1rem;      /* rounded-2xl */
	--pd-radius-sm: 0.5rem;    /* rounded-lg */
	--pd-radius-full: 999px;
	--pd-gap: 1.5rem;
	--pd-max-width: 1280px;
	--pd-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);

	font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

* { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body.pd-theme {
	margin: 0;
	background: var(--pd-color-bg);
	color: var(--pd-color-text);
	line-height: 1.6;
	font-size: 16px;
	-webkit-font-smoothing: antialiased;
}

.pd-container {
	max-width: var(--pd-max-width);
	margin: 0 auto;
	padding: 0 1.5rem;
}

a {
	color: var(--pd-color-primary);
	transition: var(--pd-transition);
}

h1, h2, h3, h4 { letter-spacing: -0.02em; color: var(--pd-color-text); }

.pd-main { padding-bottom: 3rem; }

/* Font Awesome micro-icons used across templates without explicit <i> in PHP loops */
.pd-icon { font-family: "Font Awesome 6 Free"; font-weight: 900; }

/* ---------- 1. 全局头部 / 页眉 ---------- */
.pd-site-header {
	background: var(--pd-color-dark);
	border-bottom: 1px solid rgba(255,255,255,0.08);
	padding: 1rem 0;
	position: sticky;
	top: 0;
	z-index: 100;
	box-shadow: var(--pd-shadow-md);
}
.pd-site-header__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1.5rem;
	flex-wrap: wrap;
}
.pd-site-title {
	font-weight: 800;
	font-size: 1.25rem;
	text-decoration: none;
	color: #f8fafc;
	letter-spacing: -0.02em;
	display: flex;
	align-items: center;
	gap: 0.6rem;
	white-space: nowrap;
}
.pd-site-title::before {
	content: "\f7d9"; /* fa-screwdriver-wrench */
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	color: var(--pd-color-primary-light);
	font-size: 1.1rem;
}
.pd-site-title:hover { color: #ffffff; }

/* 顶部搜索框（全站通用小搜索） */
.pd-search-form {
	display: flex;
	gap: 0;
	flex: 1;
	max-width: 480px;
	background: #ffffff;
	border-radius: var(--pd-radius-sm);
	padding: 0.25rem;
	box-shadow: var(--pd-shadow-sm);
}
.pd-search-form input[type="search"],
.pd-search-form input[type="text"] {
	flex: 1;
	min-width: 0;
	padding: 0.55rem 0.9rem;
	border: none;
	border-radius: var(--pd-radius-sm);
	font-size: 0.9rem;
	font-family: inherit;
	background-color: transparent;
	color: var(--pd-color-text);
	outline: none;
}
.pd-search-form input::placeholder { color: var(--pd-color-text-faint); }
.pd-search-form button {
	padding: 0.55rem 1.25rem;
	border: none;
	border-radius: var(--pd-radius-sm);
	background: var(--pd-color-primary);
	color: #fff;
	font-weight: 600;
	font-size: 0.875rem;
	cursor: pointer;
	transition: var(--pd-transition);
	white-space: nowrap;
}
.pd-search-form button:hover {
	background: var(--pd-color-primary-dark);
}

.pd-header-nav { display: flex; gap: 1.25rem; align-items: center; }
.pd-header-nav a {
	color: #cbd5e1;
	text-decoration: none;
	font-size: 0.875rem;
	font-weight: 600;
}
.pd-header-nav a:hover { color: #fff; }

/* 面包屑导航 */
.pd-breadcrumb {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.5rem;
	padding: 0;
	margin: 1.75rem 0 1.25rem;
	font-size: 0.875rem;
	color: var(--pd-color-text-muted);
}
.pd-breadcrumb li { display: flex; align-items: center; gap: 0.5rem; }
.pd-breadcrumb li:not(:last-child)::after {
	content: "\f105"; /* fa-chevron-right */
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	font-size: 0.7rem;
	margin-left: 0.25rem;
	color: var(--pd-color-text-faint);
}
.pd-breadcrumb a {
	color: var(--pd-color-text-muted);
	text-decoration: none;
	font-weight: 500;
}
.pd-breadcrumb a:hover { color: var(--pd-color-primary); }
.pd-breadcrumb li:last-child span { color: var(--pd-color-text); font-weight: 600; }

/* 通用页头（归档/详情页顶部标题区） */
.pd-page-header {
	background: var(--pd-color-surface);
	border: 1px solid var(--pd-color-border);
	border-radius: var(--pd-radius);
	padding: 1.75rem 2rem;
	margin-bottom: 1.75rem;
	box-shadow: var(--pd-shadow-sm);
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 1.25rem;
}
.pd-page-header__title-group { display: flex; align-items: center; gap: 1rem; }
.pd-page-header__icon {
	width: 3rem;
	height: 3rem;
	border-radius: var(--pd-radius-sm);
	background: var(--pd-color-primary-soft);
	color: var(--pd-color-primary);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.35rem;
	flex-shrink: 0;
}
.pd-page-header h1 { margin: 0; font-size: 1.6rem; font-weight: 800; }
.pd-page-header p { margin: 0.25rem 0 0; color: var(--pd-color-text-muted); font-size: 0.9rem; }

/* ---------- 2. 首页 Hero ---------- */
.pd-hero {
	margin: 1.5rem 0 2rem;
	padding: 2.5rem 2rem;
	background: linear-gradient(120deg, #0f172a 0%, #042f2e 55%, #0f172a 100%);
	border-radius: var(--pd-radius-lg);
	color: #fff;
	box-shadow: var(--pd-shadow-lg);
	text-align: center;
	position: relative;
	overflow: hidden;
}
.pd-hero::after {
	content: "\f7d9";
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	position: absolute;
	right: -1rem;
	bottom: -1.5rem;
	font-size: 9rem;
	color: rgba(20, 184, 166, 0.08);
	pointer-events: none;
}
.pd-hero__inner { max-width: 720px; margin: 0 auto; position: relative; z-index: 1; }
.pd-hero__eyebrow {
	display: inline-block;
	padding: 0.3rem 0.9rem;
	background: rgba(20, 184, 166, 0.15);
	border: 1px solid rgba(20, 184, 166, 0.3);
	color: #5eead4;
	border-radius: var(--pd-radius-full);
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.02em;
	margin-bottom: 1rem;
}
.pd-hero h1 {
	color: #fff;
	font-size: 2rem;
	font-weight: 800;
	margin: 0 0 0.75rem;
}
.pd-hero__lede {
	font-size: 1rem;
	color: rgba(255, 255, 255, 0.85);
	max-width: 720px;
	line-height: 1.6;
	margin: 0 auto 1.5rem;
	font-weight: 400;
}
.pd-hero-search {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	max-width: 560px;
	margin: 0 auto;
	background: #fff;
	padding: 0.4rem;
	border-radius: var(--pd-radius-sm);
	box-shadow: var(--pd-shadow-lg);
}
.pd-hero-search input[type="search"],
.pd-hero-search input[type="text"] {
	flex: 1;
	min-width: 200px;
	border: none;
	outline: none;
	padding: 0.7rem 1rem;
	font-size: 0.9rem;
	color: var(--pd-color-text);
	border-radius: var(--pd-radius-sm);
	font-family: inherit;
}
.pd-hero-search button {
	background: var(--pd-color-primary);
	color: #fff;
	border: none;
	font-weight: 700;
	font-size: 0.9rem;
	padding: 0.7rem 1.5rem;
	border-radius: var(--pd-radius-sm);
	cursor: pointer;
	transition: var(--pd-transition);
}
.pd-hero-search button:hover { background: var(--pd-color-primary-dark); }

.pd-hero-quicklinks {
	margin-top: 1.5rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 0.5rem;
	font-size: 0.8rem;
	color: rgba(255,255,255,0.55);
}
.pd-hero-quicklinks a {
	color: rgba(255,255,255,0.85);
	text-decoration: underline;
	text-underline-offset: 2px;
}
.pd-hero-quicklinks a:hover { color: #5eead4; }

/* How it works 数字步骤 */
.pd-how-it-works { margin: 3rem 0; }
.pd-how-it-works h2 {
	font-size: 1.4rem;
	margin-bottom: 1.5rem;
}
.pd-how-it-works__step {
	text-align: left;
	position: relative;
	padding: 2rem 1.5rem 1.5rem;
}
.pd-how-it-works__number {
	position: absolute;
	top: -1rem;
	left: 1.5rem;
	width: 2.25rem;
	height: 2.25rem;
	border-radius: 50%;
	background: var(--pd-color-primary);
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 700;
	box-shadow: 0 2px 4px rgba(15, 118, 110, 0.35);
}

/* ---------- 3. 首页双入口面板（权重相同） ---------- */
.pd-dual-entry {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: var(--pd-gap);
	margin: 2rem 0;
}
@media (max-width: 768px) {
	.pd-dual-entry { grid-template-columns: 1fr; }
}
.pd-entry-panel {
	border-radius: var(--pd-radius-lg);
	padding: 1.75rem;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	border: 1px solid;
}
.pd-entry-panel--transactional {
	background: var(--pd-color-emerald-bg);
	border-color: var(--pd-color-emerald-border);
}
.pd-entry-panel--diagnostic {
	background: var(--pd-color-amber-bg);
	border-color: var(--pd-color-amber-border);
}
.pd-entry-panel__head {
	display: flex;
	align-items: center;
	gap: 0.85rem;
	margin-bottom: 0.85rem;
}
.pd-entry-panel__icon {
	width: 2.5rem;
	height: 2.5rem;
	border-radius: var(--pd-radius-sm);
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.1rem;
	flex-shrink: 0;
}
.pd-entry-panel--transactional .pd-entry-panel__icon { background: var(--pd-color-emerald); }
.pd-entry-panel--diagnostic .pd-entry-panel__icon { background: var(--pd-color-amber); }
.pd-entry-panel h2 { margin: 0; font-size: 1.15rem; font-weight: 800; }
.pd-entry-panel__tagline {
	font-size: 0.78rem;
	font-weight: 600;
	margin: 0.15rem 0 0;
}
.pd-entry-panel--transactional .pd-entry-panel__tagline { color: #065f46; }
.pd-entry-panel--diagnostic .pd-entry-panel__tagline { color: #92400e; }
.pd-entry-panel p { color: #475569; margin: 0 0 1.25rem; font-size: 0.9rem; }
.pd-entry-panel__links {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin-top: 0.5rem;
}
.pd-chip {
	display: inline-flex;
	align-items: center;
	padding: 0.4rem 0.9rem;
	border-radius: var(--pd-radius-full);
	border: 1px solid var(--pd-color-border);
	background: var(--pd-color-surface);
	text-decoration: none;
	color: var(--pd-color-text);
	font-size: 0.8rem;
	font-weight: 500;
	transition: var(--pd-transition);
}
.pd-chip:hover {
	border-color: var(--pd-color-primary);
	color: var(--pd-color-primary);
	background: var(--pd-color-primary-soft);
}
.pd-entry-cta {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	margin-top: 1.25rem;
	padding: 0.65rem 1.35rem;
	border-radius: var(--pd-radius-sm);
	color: #fff;
	text-decoration: none;
	font-weight: 700;
	font-size: 0.875rem;
	align-self: flex-start;
	transition: var(--pd-transition);
}
.pd-entry-panel--transactional .pd-entry-cta { background: var(--pd-color-emerald); }
.pd-entry-panel--transactional .pd-entry-cta:hover { background: #047857; transform: translateY(-1px); }
.pd-entry-panel--diagnostic .pd-entry-cta { background: var(--pd-color-amber); }
.pd-entry-panel--diagnostic .pd-entry-cta:hover { background: #b45309; transform: translateY(-1px); }

/* ---------- 4. 卡片与网格布局 ---------- */
.pd-section { margin: 2.5rem 0; }
.pd-section__head {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 1rem;
	margin-bottom: 1.25rem;
	flex-wrap: wrap;
}
.pd-section__head h2 { font-size: 1.3rem; font-weight: 800; margin: 0; }
.pd-section__head p { margin: 0.15rem 0 0; color: var(--pd-color-text-muted); font-size: 0.85rem; }
.pd-section__more { font-size: 0.875rem; font-weight: 700; color: var(--pd-color-primary); text-decoration: none; white-space: nowrap; }
.pd-section__more:hover { color: var(--pd-color-primary-dark); }

.pd-card-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
	gap: var(--pd-gap);
	margin: 1.5rem 0;
}
.pd-card-grid--compact { grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 1rem; }
.pd-card-grid--brands { grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); }

.pd-card {
	background: var(--pd-color-surface);
	border: 1px solid var(--pd-color-border);
	border-radius: var(--pd-radius);
	padding: 1.35rem;
	text-decoration: none;
	color: var(--pd-color-text);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	transition: var(--pd-transition);
	box-shadow: var(--pd-shadow-sm);
}
.pd-card:hover {
	border-color: var(--pd-color-primary);
	transform: translateY(-2px);
	box-shadow: var(--pd-shadow-md);
}
.pd-card h3 {
	margin: 0 0 0.4rem;
	font-size: 1.05rem;
	font-weight: 700;
	line-height: 1.4;
}
.pd-card:hover h3 { color: var(--pd-color-primary); }
.pd-card .pd-card__meta {
	color: var(--pd-color-text-muted);
	font-size: 0.85rem;
	margin: 0;
}
.pd-card__footer-link {
	margin-top: 0.75rem;
	font-size: 0.78rem;
	font-weight: 700;
	color: var(--pd-color-primary);
}
.pd-card:hover .pd-card__footer-link { text-decoration: underline; }

/* 品类图标卡片（首页“Appliance Categories”） */
.pd-category-card {
	text-align: center;
	align-items: center;
}
.pd-category-card__icon {
	width: 3rem;
	height: 3rem;
	border-radius: 999px;
	background: var(--pd-color-primary-soft);
	color: var(--pd-color-primary);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.15rem;
	margin: 0 auto 0.65rem;
	transition: var(--pd-transition);
}
.pd-category-card:hover .pd-category-card__icon { transform: scale(1.1); }
.pd-category-card h4 { margin: 0; font-size: 0.9rem; font-weight: 700; }
.pd-category-card .pd-card__meta { margin-top: 0.25rem; font-size: 0.75rem; }

/* 标签徽章 */
.pd-tag {
	font-size: 0.75rem;
	padding: 0.2rem 0.65rem;
	border-radius: var(--pd-radius-full);
	background: #f1f5f9;
	border: 1px solid #e2e8f0;
	color: #475569;
	font-weight: 600;
	display: inline-block;
}

/* 症状/故障预览方块 */
.pd-symptom-preview {
	display: flex;
	flex-wrap: wrap;
	gap: 0.6rem;
	margin: 1rem 0 0;
}
.pd-symptom-preview a.pd-chip {
	border-color: rgba(217, 119, 6, 0.35);
	color: var(--pd-color-amber);
}
.pd-symptom-preview a.pd-chip:hover {
	background: var(--pd-color-amber-bg);
	border-color: var(--pd-color-amber);
}

/* 症状问题卡片（首页 Popular Troubleshooting Guides） */
.pd-symptom-card {
	background: var(--pd-color-surface);
	border: 1px solid var(--pd-color-border);
	border-radius: var(--pd-radius);
	padding: 1.35rem;
	box-shadow: var(--pd-shadow-sm);
	transition: var(--pd-transition);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	text-decoration: none;
	color: inherit;
}
.pd-symptom-card:hover { box-shadow: var(--pd-shadow-md); }
.pd-symptom-card__cat {
	display: inline-block;
	align-self: flex-start;
	padding: 0.2rem 0.65rem;
	border-radius: var(--pd-radius-sm);
	background: #eff6ff;
	color: #1d4ed8;
	font-size: 0.7rem;
	font-weight: 700;
	margin-bottom: 0.6rem;
}
.pd-symptom-card h3 { font-size: 1rem; margin: 0 0 0.4rem; }
.pd-symptom-card p { font-size: 0.85rem; color: var(--pd-color-text-muted); margin: 0 0 1rem; }
.pd-symptom-card__link { color: var(--pd-color-amber); font-weight: 700; font-size: 0.85rem; display: inline-flex; align-items: center; gap: 0.35rem; }

/* FTC联盟披露 */
.pd-affiliate-disclosure {
	background: #f1f5f9;
	border: 1px solid var(--pd-color-border);
	padding: 1.1rem 1.4rem;
	font-size: 0.8rem;
	color: var(--pd-color-text-muted);
	border-radius: var(--pd-radius);
	margin-top: 2.5rem;
	line-height: 1.6;
	display: flex;
	gap: 0.85rem;
	align-items: flex-start;
}
.pd-affiliate-disclosure::before {
	content: "\f05a"; /* fa-circle-info */
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	color: var(--pd-color-text-faint);
	font-size: 1.05rem;
	flex-shrink: 0;
	margin-top: 0.1rem;
}
.pd-affiliate-disclosure strong { color: var(--pd-color-text); display: block; margin-bottom: 0.25rem; }

/* ---------- 5. 机型详情页 & 折叠组件 ---------- */
.pd-model-header {
	background: var(--pd-color-surface);
	border: 1px solid var(--pd-color-border);
	border-radius: var(--pd-radius);
	padding: 1.75rem 2rem;
	margin: 0 0 1.75rem;
	box-shadow: var(--pd-shadow-sm);
}
.pd-model-header h1 {
	margin: 0.5rem 0 0;
	font-size: 1.65rem;
	font-weight: 800;
}
.pd-model-header__summary { margin-top: 0.5rem; color: var(--pd-color-text-muted); font-size: 0.9rem; }
.pd-model-header__tags {
	display: flex;
	gap: 0.5rem;
	margin-top: 0.5rem;
	flex-wrap: wrap;
}
.pd-model-header__tags .pd-tag:first-child {
	background: var(--pd-color-primary-soft);
	border-color: #99f6e4;
	color: var(--pd-color-primary-dark);
}

/* 图纸折叠面板 */
.pd-assembly-section {
	background: var(--pd-color-surface);
	border: 1px solid var(--pd-color-border);
	border-radius: var(--pd-radius);
	margin-bottom: 1.1rem;
	overflow: hidden;
	box-shadow: var(--pd-shadow-sm);
	transition: var(--pd-transition);
}
.pd-assembly-section summary {
	cursor: pointer;
	padding: 1rem 1.5rem;
	font-weight: 700;
	font-size: 1rem;
	list-style: none;
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: #f8fafc;
	border-bottom: 1px solid var(--pd-color-border);
	user-select: none;
	transition: background-color 0.2s ease;
	gap: 1rem;
}
.pd-assembly-section summary:hover { background-color: #f1f5f9; }
.pd-assembly-section summary::-webkit-details-marker { display: none; }
.pd-assembly-section summary::after {
	content: "\f078"; /* fa-chevron-down */
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	font-size: 0.8rem;
	color: var(--pd-color-text-faint);
	transition: transform 0.2s ease;
	flex-shrink: 0;
}
.pd-assembly-section[open] summary::after { transform: rotate(180deg); }
.pd-assembly-section[open] summary { border-bottom: 1px solid var(--pd-color-border); }
.pd-assembly-section__body {
	padding: 1.25rem;
	background: #fff;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
	gap: 1rem;
}

/* 配件明细卡片 */
.pd-part-card {
	background: #fbfcfd;
	border: 1px solid var(--pd-color-border);
	border-radius: var(--pd-radius-sm);
	padding: 1.1rem;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 0.85rem;
	transition: var(--pd-transition);
}
.pd-part-card:hover {
	border-color: var(--pd-color-border-hover);
	box-shadow: var(--pd-shadow-sm);
}
.pd-part-card__image {
	align-self: flex-start;
}
.pd-part-card__title {
	font-weight: 700;
	margin: 0 0 0.35rem;
	font-size: 0.9rem;
	color: var(--pd-color-text);
	line-height: 1.4;
}
.pd-part-card__number {
	color: var(--pd-color-text-muted);
	font-size: 0.72rem;
	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
	background: #f1f5f9;
	padding: 0.15rem 0.5rem;
	border-radius: 4px;
	display: inline-block;
}
.pd-part-card__desc {
	margin-top: 0.5rem;
	font-size: 0.8rem;
	color: #475569;
	line-height: 1.5;
}
.pd-part-card__desc p { margin: 0 0 0.4rem; }
.pd-part-card__price {
	font-weight: 800;
	font-size: 0.95rem;
	color: var(--pd-color-text);
	display: block;
	margin-bottom: 0.5rem;
}

/* 渠道CTA按钮组 —— 沿用functions.php里拼出来的类名 */
.pd-part-card__cta-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.4rem;
	padding: 0.55rem 0.75rem;
	border-radius: var(--pd-radius-sm);
	font-size: 0.78rem;
	font-weight: 700;
	text-decoration: none;
	transition: var(--pd-transition);
	width: 100%;
}
.pd-part-card__cta-btn::before {
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	font-size: 0.85rem;
}
.pd-part-card__cta-btn--amazon {
	background: var(--pd-color-amazon);
	color: var(--pd-color-amazon-text);
}
.pd-part-card__cta-btn--amazon::before { content: "\f270"; font-family: "Font Awesome 6 Brands"; font-weight: 400; }
.pd-part-card__cta-btn--amazon:hover { background: var(--pd-color-amazon-hover); }
.pd-part-card__cta-btn--ebay {
	background: var(--pd-color-ebay);
	color: #fff;
}
.pd-part-card__cta-btn--ebay::before { content: "\f07a"; }
.pd-part-card__cta-btn--ebay:hover { background: var(--pd-color-ebay-hover); }

.pd-part-card__cta-row {
	display: flex;
	gap: 0.5rem;
	flex-wrap: wrap;
}
.pd-part-card__cta-row > * { flex: 1; min-width: 100px; }

.pd-part-card__cta-placeholder {
	display: inline-block;
	width: 100%;
	text-align: center;
	padding: 0.55rem 0.75rem;
	border-radius: var(--pd-radius-sm);
	background: #f1f5f9;
	border: 1px dashed var(--pd-color-border-hover);
	color: var(--pd-color-text-muted);
	font-size: 0.78rem;
	white-space: nowrap;
}

/* 常见故障跳转深色卡片（机型详情页底部） */
.pd-model-troubleshoot-cta {
	background: var(--pd-color-dark);
	color: #fff;
	border-radius: var(--pd-radius);
	padding: 1.75rem;
	box-shadow: var(--pd-shadow-md);
	margin-top: 2rem;
}
.pd-model-troubleshoot-cta h3 { color: #fff; margin: 0 0 0.4rem; font-size: 1.1rem; }
.pd-model-troubleshoot-cta > p { color: #cbd5e1; font-size: 0.85rem; margin: 0 0 1.1rem; }
.pd-model-troubleshoot-cta .pd-symptom-preview a.pd-chip {
	background: var(--pd-color-dark-soft);
	border-color: #334155;
	color: #fbbf24;
	font-weight: 700;
	padding: 0.7rem 1rem;
	border-radius: var(--pd-radius-sm);
}
.pd-model-troubleshoot-cta .pd-symptom-preview a.pd-chip:hover {
	background: #334155;
	border-color: #475569;
}

/* ---------- 6. 故障诊断页 & 信任信号 ---------- */
.pd-quick-answer {
	background: var(--pd-color-emerald-bg);
	border-left: 4px solid var(--pd-color-emerald);
	padding: 1.1rem 1.4rem;
	border-radius: 0 var(--pd-radius) var(--pd-radius) 0;
	margin: 1.5rem 0;
	color: #065f46;
	display: flex;
	gap: 0.85rem;
	align-items: flex-start;
}
.pd-quick-answer::before {
	content: "\f0e7"; /* fa-bolt */
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	color: var(--pd-color-emerald);
	font-size: 1.1rem;
	margin-top: 0.1rem;
}
.pd-quick-answer strong { display: block; margin-bottom: 0.25rem; color: #064e3b; }

.pd-symptom-guide__body {
	background: var(--pd-color-surface);
	border: 1px solid var(--pd-color-border);
	border-radius: var(--pd-radius);
	padding: 1.75rem;
	margin: 1.5rem 0;
	box-shadow: var(--pd-shadow-sm);
	line-height: 1.75;
}
.pd-symptom-guide__body :first-child { margin-top: 0; }

.pd-trust-signals {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: var(--pd-gap);
	margin: 1.75rem 0;
}
.pd-trust-signal {
	background: var(--pd-color-amber-bg);
	border: 1px solid var(--pd-color-amber-border);
	border-radius: var(--pd-radius);
	padding: 1.25rem;
}
.pd-trust-signal h4 {
	margin: 0 0 0.6rem;
	font-size: 0.75rem;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	color: #92400e;
	font-weight: 800;
}
.pd-trust-signal p { margin: 0; font-size: 0.9rem; color: #78350f; }
.pd-difficulty-badge {
	display: inline-block;
	padding: 0.3rem 0.85rem;
	border-radius: var(--pd-radius-full);
	font-size: 0.78rem;
	font-weight: 800;
}
.pd-difficulty-easy { background: #dcfce7; color: #15803d; }
.pd-difficulty-moderate { background: #fef3c7; color: #b45309; }
.pd-difficulty-advanced { background: #fee2e2; color: #b91c1c; }

/* 型号桥接组件 */
.pd-model-lookup-widget {
	background: linear-gradient(120deg, #f59e0b 0%, #d97706 100%);
	border-radius: var(--pd-radius);
	padding: 1.75rem;
	margin: 2rem 0;
	box-shadow: var(--pd-shadow-lg);
	color: #fff;
}
.pd-model-lookup-widget__eyebrow {
	display: inline-block;
	padding: 0.2rem 0.65rem;
	background: rgba(0,0,0,0.18);
	border-radius: var(--pd-radius-sm);
	font-size: 0.7rem;
	font-weight: 800;
	margin-bottom: 0.6rem;
}
.pd-model-lookup-widget h3 { margin: 0 0 0.35rem; color: #fff; font-size: 1.15rem; }
.pd-model-lookup-widget p { color: rgba(255,255,255,0.9); font-size: 0.85rem; margin: 0 0 1rem; max-width: 640px; }
.pd-model-lookup-widget form { display: flex; gap: 0.5rem; flex-wrap: wrap; }
.pd-model-lookup-widget input[type="text"] {
	flex: 1;
	min-width: 240px;
	padding: 0.7rem 1rem;
	border: none;
	border-radius: var(--pd-radius-sm);
	outline: none;
	font-family: inherit;
	font-size: 0.9rem;
	color: var(--pd-color-text);
}
.pd-model-lookup-widget button {
	padding: 0.7rem 1.5rem;
	border: none;
	border-radius: var(--pd-radius-sm);
	background: var(--pd-color-dark);
	color: #fff;
	font-weight: 700;
	font-size: 0.875rem;
	cursor: pointer;
	transition: var(--pd-transition);
	white-space: nowrap;
}
.pd-model-lookup-widget button:hover { background: var(--pd-color-dark-soft); }
.pd-lookup-notice {
	background: rgba(255,255,255,0.18);
	border-radius: var(--pd-radius-sm);
	padding: 0.75rem 1rem;
	font-size: 0.85rem;
	margin: 0 0 1rem;
}
.pd-lookup-notice a { color: #fff; text-decoration: underline; }

/* 诊断成因排序卡片（症状诊断页正文里可能出现的富文本结构，尽量兼容常见标签） */
.pd-symptom-guide__body ol,
.pd-symptom-guide__body ul { padding-left: 1.4rem; }
.pd-symptom-guide__body h2,
.pd-symptom-guide__body h3 { margin-top: 1.5rem; }

/* FAQ手风琴 */
.pd-faq-list { margin: 1.25rem 0; }
.pd-faq-item {
	border: 1px solid var(--pd-color-border);
	border-radius: var(--pd-radius-sm);
	padding: 0;
	margin-bottom: 0.75rem;
	background: var(--pd-color-surface);
	overflow: hidden;
}
.pd-faq-item summary {
	cursor: pointer;
	font-weight: 700;
	font-size: 0.95rem;
	color: var(--pd-color-text);
	padding: 1rem 1.25rem;
	list-style: none;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.pd-faq-item summary::-webkit-details-marker { display: none; }
.pd-faq-item summary::after {
	content: "\f078";
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	font-size: 0.75rem;
	color: var(--pd-color-text-faint);
	transition: transform 0.2s ease;
}
.pd-faq-item[open] summary::after { transform: rotate(180deg); }
.pd-faq-item > div:not(.pd-faq-item__inner) ,
.pd-faq-item > div {
	padding: 0 1.25rem 1.1rem;
	font-size: 0.875rem;
	color: #475569;
	line-height: 1.6;
}

/* ---------- 7. 联盟合规声明 & 页脚 ---------- */
.pd-site-footer {
	margin-top: 4rem;
	padding: 3rem 0 2rem;
	background: var(--pd-color-dark);
	border-top: 1px solid rgba(255,255,255,0.08);
	color: #94a3b8;
	font-size: 0.875rem;
}
.pd-footer-nav {
	display: flex;
	flex-wrap: wrap;
	gap: 2rem;
	margin-bottom: 1.5rem;
}
.pd-footer-nav a {
	color: #e2e8f0;
	text-decoration: none;
	font-weight: 600;
}
.pd-footer-nav a:hover { color: var(--pd-color-primary-light); }
.pd-site-footer p { max-width: 720px; }

/* ---------- 8. 搜索结果与通用辅助样式 ---------- */
.pd-search-result-type {
	font-size: 0.7rem;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	color: var(--pd-color-accent);
	font-weight: 800;
	margin-bottom: 0.35rem;
	display: inline-block;
	padding: 0.2rem 0.6rem;
	background: #fff7ed;
	border-radius: var(--pd-radius-sm);
}

.pd-search-summary {
	background: var(--pd-color-surface);
	border: 1px solid var(--pd-color-border);
	border-radius: var(--pd-radius);
	padding: 1.5rem;
	margin-bottom: 1.5rem;
	box-shadow: var(--pd-shadow-sm);
}
.pd-search-summary h1 { margin: 0 0 0.3rem; font-size: 1.4rem; }
.pd-search-summary h1 span { color: var(--pd-color-primary); }
.pd-search-summary p { margin: 0; color: var(--pd-color-text-muted); font-size: 0.8rem; }

.pd-filter-pills { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-top: 1rem; }
.pd-filter-pill {
	background: #f1f5f9;
	color: #334155;
	border: none;
	font-size: 0.78rem;
	font-weight: 700;
	padding: 0.4rem 0.9rem;
	border-radius: var(--pd-radius-full);
	cursor: pointer;
	transition: var(--pd-transition);
}
.pd-filter-pill:hover { background: #e2e8f0; }
.pd-filter-pill.is-active { background: var(--pd-color-dark); color: #fff; }

.pd-empty-state {
	padding: 3rem 1.5rem;
	text-align: center;
	color: var(--pd-color-text-muted);
	background: var(--pd-color-surface);
	border-radius: var(--pd-radius);
	border: 1px dashed var(--pd-color-border);
}

/* 分页组件 */
.pd-pagination {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin: 2.5rem 0;
	justify-content: center;
}
.pd-pagination .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 2.35rem;
	height: 2.35rem;
	padding: 0 0.6rem;
	border: 1px solid var(--pd-color-border);
	border-radius: var(--pd-radius-sm);
	color: var(--pd-color-text);
	text-decoration: none;
	background: var(--pd-color-surface);
	font-weight: 600;
	font-size: 0.85rem;
	transition: var(--pd-transition);
}
.pd-pagination .page-numbers:hover {
	border-color: var(--pd-color-primary);
	color: var(--pd-color-primary);
}
.pd-pagination .page-numbers.current {
	background: var(--pd-color-primary);
	color: #fff;
	border-color: var(--pd-color-primary);
}
.pd-pagination .page-numbers.dots { border: none; box-shadow: none; }

/* 型号筛选输入框（带图标） */
.pd-filter-input-wrap { position: relative; width: 100%; max-width: 320px; }
.pd-filter-input-wrap::before {
	content: "\f0b0"; /* fa-filter */
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	position: absolute;
	left: 0.85rem;
	top: 50%;
	transform: translateY(-50%);
	color: var(--pd-color-text-faint);
	font-size: 0.85rem;
	pointer-events: none;
}
.pd-filter-input-wrap input[type="text"],
.pd-filter-input-wrap input[type="search"] {
	width: 100%;
	padding: 0.6rem 0.9rem 0.6rem 2.25rem;
	border: 1px solid var(--pd-color-border);
	border-radius: var(--pd-radius-sm);
	font-size: 0.875rem;
	outline: none;
	transition: var(--pd-transition);
	font-family: inherit;
}
.pd-filter-input-wrap input:focus {
	border-color: var(--pd-color-primary);
	box-shadow: 0 0 0 3px rgba(15, 118, 110, 0.15);
}
.pd-filter-select {
	padding: 0.6rem 0.9rem;
	border: 1px solid var(--pd-color-border);
	border-radius: var(--pd-radius-sm);
	font-size: 0.875rem;
	font-family: inherit;
	background: #fff;
	color: var(--pd-color-text);
}

/* 兜底文章样式 */
.pd-fallback-article {
	background: var(--pd-color-surface);
	border: 1px solid var(--pd-color-border);
	border-radius: var(--pd-radius);
	padding: 2rem;
	margin-bottom: 2rem;
	box-shadow: var(--pd-shadow-sm);
}

/* Responsive */
@media (max-width: 640px) {
	.pd-model-header,
	.pd-page-header { padding: 1.35rem; }
	.pd-hero { padding: 2rem 1.25rem; }
	.pd-hero h1 { font-size: 1.5rem; }
}