/* BizAIPlan — Phase 1 page-template layer.
   Loaded after style.css (tokens) + layout.css (kit grammar).
   Scope: full-bleed reset for the two marketing templates, reveal hardening,
   and the few one-off components not already in layout.css. */

/* ============================================================
   REVEAL — wire the stagger delay (missing from child style.css)
   + a JS-fail safety net (the vanilla scroll-reveal has none).
   If scroll-reveal.js never runs, content still fades in by 2.6s
   instead of staying invisible forever.
   ============================================================ */
.reveal { transition-delay: var(--reveal-delay, 0ms); }
.reveal { animation: sb-reveal-safety 1ms linear 2.6s forwards; }
@keyframes sb-reveal-safety { to { opacity: 1; transform: none; } }
.reveal.is-in-view { animation: none; }
@media (prefers-reduced-motion: reduce) { .reveal { animation: none; opacity: 1; transform: none; } }

/* ============================================================
   FULL-BLEED MARKETING TEMPLATES
   GeneratePress 3.6.1, separate-containers. These templates render
   sections straight into .site-main (no .inside-article box), so we
   only need to drop the content container's width/padding and let the
   .alt/.deep bands break out to the viewport edges.
   Scoped to the two body classes — never touches header/footer/other pages.
   ============================================================ */
/* Applied to every bespoke /page-templates/ page + single posts via the
   `sb-fullbleed` body class (added by a body_class filter in functions.php) —
   so all bespoke pages behave identically with no per-template CSS edits. */
.sb-fullbleed #content,
.sb-fullbleed .content-area,
.sb-fullbleed .site-main {
	max-width: none;
	width: auto;
	padding-left: 0;
	padding-right: 0;
}
/* The GP header is NOT sticky/fixed on this site (verified in the served CSS),
   so scoping overflow-x to these page bodies safely absorbs the scrollbar-width
   overflow the break-out creates — without establishing a scroll container that
   could break a sticky element. (Header stays centred via .inside-header;
   footer via .wrap — neither is touched here.) */
body.sb-fullbleed { overflow-x: hidden; }

/* colour bands run edge-to-edge regardless of the GP container width;
   their inner .wrap re-centres content to 1280, aligned with the cream sections. */
.sb-fullbleed .alt,
.sb-fullbleed .deep {
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
}
/* GP separate-containers 给 .site-main 注入 margin:20px 0、区块间也留 20px 外边距。
   全宽营销页各区块自带内距，这些上下外边距会在区块之间、尤其深色段↔深色 Footer 之间
   漏出页面底色浅缝。只清上下外边距——保留上面的左右负边距（全宽断出靠它）。 */
.sb-fullbleed .site-main { margin-top: 0; margin-bottom: 0; }
.sb-fullbleed .site-main > * { margin-top: 0; margin-bottom: 0; }

/* ============================================================
   DEEP-INK "heavy moment" line (home worldview / membership 不作为成本)
   ============================================================ */
.deep-quote {
	font-family: var(--font-display);
	font-weight: 600;
	font-size: clamp(34px, 4.6vw, 60px);
	line-height: 1.3;
	letter-spacing: 0;            /* CJK: never negative tracking */
	max-width: 20em;
	margin: 0 auto;
	color: var(--color-ink-inverse);
}

/* ============================================================
   TRUST EVIDENCE — 2×3 hairline grid (home, PRD 模块4A, placeholder)
   ============================================================ */
.evidence {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	border-top: var(--hairline);
	margin-top: var(--space-7);
}
.evidence__cell {
	display: block;
	padding: var(--space-6);
	border-bottom: var(--hairline);
	border-right: var(--hairline);
	text-decoration: none;
	color: inherit;
	transition: padding-left var(--dur-short) var(--ease-out-quart);
}
.evidence__cell:nth-child(3n) { border-right: 0; }
.evidence__cell:hover { padding-left: calc(var(--space-6) + 8px); }
.evidence__title { font-family: var(--font-display); font-size: 24px; color: var(--color-ink); margin-bottom: 10px; line-height: 1.2; }
.evidence__desc { font-size: 14px; color: var(--color-ink-mid); line-height: 1.7; margin: 0 0 16px; }
.evidence__link { font-size: 13px; color: var(--color-accent); letter-spacing: 0; }   /* CJK link: no positive tracking */
@media (max-width: 900px) {
	.evidence { grid-template-columns: 1fr; }
	.evidence__cell { border-right: 0; }
}

/* ============================================================
   7-DAY GUARANTEE — quiet hairline list (membership, PRD §11.13A)
   ============================================================ */
.guarantee {
	list-style: none;
	padding: 0;
	margin: var(--space-6) 0 0;
	max-width: 46em;
}
.guarantee li {
	padding: 13px 0;
	border-top: var(--hairline);
	font-size: 15px;
	color: var(--color-ink-mid);
	line-height: 1.6;
}

/* ============================================================
   EDITORIAL ROW VARIANTS — learn entries (trailing link) /
   product Volumes (label + trailing price). Base .ed-row is 56px 1fr.
   ============================================================ */
.ed-row--link { grid-template-columns: 56px 1fr auto; }
.ed-row--vol  { grid-template-columns: 120px 1fr auto; }
.ed-row__link { font-size: 14px; color: var(--color-accent); letter-spacing: 0; align-self: center; white-space: nowrap; }
.ed-row__price { font-family: var(--font-display); font-size: 22px; color: var(--color-ink-mid); align-self: center; white-space: nowrap; }
@media (max-width: 900px) {
	.ed-row--link, .ed-row--vol { grid-template-columns: 1fr; gap: 10px; }
	.ed-row__link, .ed-row__price { margin-top: 6px; }
}

/* Centered serif aphorism on cream / alt ground (e.g. /products closing) */
.section-quote {
	font-family: var(--font-display);
	font-weight: 600;
	font-size: clamp(30px, 4vw, 48px);
	line-height: 1.3;
	letter-spacing: 0;
	max-width: 22em;
	margin: 0 auto var(--space-6);
	color: var(--color-ink);
}

/* ============================================================
   WOOCOMMERCE MY ACCOUNT — quiet-luxury "delivery center"
   (account page only — never the cart/checkout)
   ============================================================ */
.acct-head { margin-bottom: var(--space-7); }
/* Two-column (nav | content) only when the nav exists (logged in) — :has keeps
   the logged-out login form full-width, not squeezed into a column. */
.woocommerce-account .woocommerce:has(.woocommerce-MyAccount-navigation) {
	display: grid;
	grid-template-columns: 220px 1fr;
	gap: var(--space-8);
	align-items: start;
}
.woocommerce-MyAccount-navigation ul { list-style: none; margin: 0; padding: 0; border-top: var(--hairline); }
.woocommerce-MyAccount-navigation li { border-bottom: var(--hairline); }
.woocommerce-MyAccount-navigation li a {
	display: block; padding: 15px 0; font-size: 14px; letter-spacing: 0.04em;
	color: var(--color-ink-mid); text-decoration: none;
	transition: color var(--dur-hover) var(--ease-out-cubic), padding-left var(--dur-short) var(--ease-out-quart);
}
.woocommerce-MyAccount-navigation li a:hover,
.woocommerce-MyAccount-navigation li.is-active a { color: var(--color-ink); }
.woocommerce-MyAccount-navigation li.is-active a { box-shadow: inset 2px 0 0 var(--color-accent); padding-left: 12px; }
.woocommerce-MyAccount-content { min-width: 0; }
.woocommerce-MyAccount-content > p:first-child { color: var(--color-ink-mid); }
/* logged-out login form: centred, calm */
.woocommerce-account .woocommerce-form-login { max-width: 440px; border: 0; padding: 0; }
.woocommerce-account .woocommerce-form-login .woocommerce-form-login__rememberme { font-size: 13px; color: var(--color-ink-soft); }
@media (max-width: 900px) {
	.woocommerce-account .woocommerce:has(.woocommerce-MyAccount-navigation) { grid-template-columns: 1fr; gap: var(--space-6); }
}

/* ============================================================
   WOOCOMMERCE BLOCKS — cart / checkout quiet-luxury recolor.
   CSS-ONLY: square corners, hairlines, ink CTAs, no shadow/radius. Does NOT touch
   block structure, JS, or the Stripe payment iframe (left entirely to Stripe).
   Prices kept in Inter for legibility (§11 conversion clarity).
   ============================================================ */
/* strip rounded / shadowed chrome from block components */
.wc-block-components-panel,
.wc-block-cart-item__wrap,
.wc-block-components-order-summary,
.wc-block-checkout__main,
.wc-block-components-text-input input,
.wc-block-components-text-input,
.wc-block-components-select .wc-block-components-select__select,
.wc-block-components-quantity-selector,
.wc-block-components-address-card {
	border-radius: var(--radius-sm) !important;
	box-shadow: none !important;
}
/* fields → square + hairline; focus → ink */
.wc-block-components-text-input input,
.wc-block-components-select .wc-block-components-select__select {
	border: var(--hairline-strong) !important;
	border-radius: var(--radius-sm) !important;
	background: var(--color-bg-inset) !important;
}
.wc-block-components-text-input input:focus,
.wc-block-components-select .wc-block-components-select__select:focus {
	border-color: var(--color-accent) !important;
	outline: none !important;
	box-shadow: none !important;
}
/* primary CTAs (proceed to checkout / place order) → ink fill, square, wide caps */
.wc-block-components-button.contained,
.wc-block-cart__submit-button,
.wc-block-components-checkout-place-order-button {
	background: var(--color-accent) !important;
	color: var(--color-on-accent) !important;
	border-radius: var(--radius-sm) !important;
	box-shadow: none !important;
	text-transform: none;
	letter-spacing: 0;
	font-weight: 700;
}
.wc-block-components-button.contained:hover,
.wc-block-cart__submit-button:hover,
.wc-block-components-checkout-place-order-button:hover { background: var(--color-accent-hover) !important; }
/* secondary / text buttons + accents → hairline ink / copper */
.wc-block-components-button.outlined { border: var(--hairline-strong) !important; border-radius: var(--radius-sm) !important; color: var(--color-ink) !important; box-shadow: none !important; }
.wc-block-components-button.text,
.wc-block-components-totals-coupon-link,
.wc-block-cart__sidebar a { color: var(--color-accent) !important; }
/* totals / line separators → hairline */
.wc-block-components-totals-item,
.wc-block-components-totals-wrapper,
.wc-block-cart-item__wrap { border-color: var(--color-rule) !important; }
.wc-block-components-totals-footer-item { border-top: var(--hairline) !important; }
.wc-block-components-formatted-money-amount,
.wc-block-components-totals-item__value { color: var(--color-ink); }

/* ============================================================
   HOME（Couture Cream 当前规范 · 对照 Hero.jsx + HomeSections.jsx）
   ============================================================ */
.center { text-align: center; }
.measure { max-width: 640px; margin-left: auto; margin-right: auto; }
.sec-sub { font-size: var(--text-lg); line-height: 1.5; color: var(--color-ink-mid); margin-top: var(--space-5); }

/* Hero — 左文右图 */
.home-hero { padding-top: clamp(40px,6vw,96px); padding-bottom: clamp(40px,6vw,96px); }
.home-hero__grid { display: grid; grid-template-columns: minmax(0,5.4fr) minmax(0,6fr); gap: clamp(32px,5vw,72px); align-items: start; }
.home-hero__title { font-family: var(--font-display); font-weight: 700; font-size: clamp(30px,4.4vw,54px); line-height: 1.2; letter-spacing: 0; margin-top: var(--space-4); color: var(--color-ink); white-space: nowrap; }
.home-hero__brand { font-family: var(--font-display); font-style: italic; font-size: 22px; color: var(--color-accent); margin-top: var(--space-5); }
.home-hero__img { border: var(--hairline); border-radius: var(--radius-card); overflow: hidden; }
.home-hero__img img { width: 100%; height: 100%; max-height: 460px; object-fit: cover; display: block; }
.avatars { display: flex; }
.avatars img { width: 34px; height: 34px; border-radius: 50%; object-fit: cover; border: 2px solid var(--color-bg); margin-left: -10px; }
.avatars img:first-child { margin-left: 0; }
@media (max-width: 900px){ .home-hero__grid { grid-template-columns: 1fr; } }

/* 72h 序号序列 — 5 列 */
.seq { display: grid; grid-template-columns: repeat(5,1fr); gap: var(--space-6); margin-top: var(--space-8); }
.seq__n { font-family: var(--font-display); font-weight: 600; font-size: clamp(40px,4vw,56px); color: var(--color-accent); line-height: 1; margin-bottom: var(--space-4); }
.seq__t { font-family: var(--font-body); font-weight: 500; font-size: 15px; letter-spacing: 0.6em; /* B12：原以全角空格撑距，改纯 tracking */ margin-bottom: var(--space-2); color: var(--color-ink); }
.seq__d { font-size: 14px; color: var(--color-ink-mid); line-height: 1.5; }
@media (max-width: 900px){ .seq { grid-template-columns: 1fr 1fr; gap: var(--space-6); } }

/* 卡片网格 — 共用外框 + 内部发丝线（痛点 4 / 角色 5） */
.cardgrid { display: grid; border: var(--hairline); margin-top: var(--space-8); }
.cardgrid--4 { grid-template-columns: repeat(4,1fr); }
.cardgrid--5 { grid-template-columns: repeat(5,1fr); }
.cardgrid > .cell { padding: var(--space-6); border-left: var(--hairline); display: flex; flex-direction: column; }
.cardgrid > .cell:first-child { border-left: none; }
.cell__icon { color: var(--color-accent); margin-bottom: var(--space-4); }
.cell__t { font-family: var(--font-body); font-weight: 500; font-size: 18px; line-height: 1.4; margin-bottom: var(--space-3); color: var(--color-ink); }
.cell__t--sm { font-size: 18px; }
.cell__d { font-size: var(--text-sm); color: var(--color-ink-mid); line-height: 1.7; flex: 1; }
.cell__link { margin-top: var(--space-5); }
@media (max-width: 900px){
  .cardgrid--4, .cardgrid--5 { grid-template-columns: 1fr; }
  .cardgrid > .cell { border-left: none; border-top: var(--hairline); }
  .cardgrid > .cell:first-child { border-top: none; }
}

/* 做三件事 band */
.three { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.5fr); gap: clamp(32px,5vw,80px); align-items: start; }
.three__cols { display: grid; grid-template-columns: repeat(3,1fr); gap: var(--space-6); }
.three__t { font-family: var(--font-body); font-weight: 500; font-size: 18px; margin: var(--space-4) 0 var(--space-2); color: var(--color-ink); }
.three__d { font-size: 14px; color: var(--color-ink-mid); line-height: 1.65; }
@media (max-width: 900px){ .three { grid-template-columns: 1fr; } .three__cols { grid-template-columns: 1fr; } }

/* 五星证言 — 4 列 */
.tcell .stars { color: var(--color-accent); letter-spacing: 2px; font-size: 15px; }
.tcell__q { font-size: 15px; color: var(--color-ink); line-height: 1.7; margin: var(--space-4) 0 var(--space-5); }
.tcell__by { font-size: 13px; color: var(--color-ink-mid); } /* AA：证言署名 */

/* 灰度工具 logo 行 */
.toollogos { display: flex; flex-wrap: wrap; gap: clamp(20px,4vw,48px); align-items: center; justify-content: center; filter: grayscale(1); opacity: .6; margin-top: var(--space-8); }
.toollogos span { font-family: var(--font-body); font-weight: 600; font-size: 17px; color: var(--color-ink); }

/* 产品网格 — 6 项 3 列 objet/材质卡 */
.prodgrid { display: grid; grid-template-columns: repeat(3,1fr); gap: var(--space-6); margin-top: var(--space-8); }
.prodcard { border: var(--hairline-strong); background: var(--color-bg-alt); border-radius: var(--radius-card); overflow: hidden; }
.prodcard__imgwrap { overflow: hidden; border-bottom: var(--hairline); }
.prodcard__imgwrap img { width: 100%; height: 180px; object-fit: cover; display: block; transition: transform var(--dur-cinema) var(--ease-out-expo); }
.prodcard:hover .prodcard__imgwrap img { transform: scale(1.04); }
.prodcard__body { padding: var(--space-5); }
.prodcard__t { font-family: var(--font-body); font-weight: 500; font-size: 18px; margin-bottom: var(--space-2); color: var(--color-ink); }
.prodcard__d { font-size: 14px; color: var(--color-ink-mid); line-height: 1.6; margin-bottom: var(--space-4); }
@media (max-width: 900px){ .prodgrid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px){ .prodgrid { grid-template-columns: 1fr; } }

/* ============================================================
   MEMBERSHIP（对照 Membership.jsx 10 段）
   .deep/.alt/.section/.wrap 提供底色与全宽断出；以下只补排版与网格。
   ============================================================ */
.mhero__h1 { font-family: var(--font-display); font-weight: 700; font-size: clamp(38px,5vw,72px); line-height: 1.2; letter-spacing: 0; margin-top: var(--space-5); }
.mhero__lead { font-size: 18px; color: var(--color-ink-mid); max-width: 620px; margin: var(--space-5) auto 0; line-height: 1.8; }
.mhero__note { font-size: 13px; color: var(--color-ink-soft); margin-top: var(--space-5); }
.mbundle { font-family: var(--font-display); font-size: clamp(22px,2.6vw,30px); line-height: 1.5; color: var(--color-ink); text-align: center; max-width: 760px; margin: 0 auto; }

.mplans { display: grid; grid-template-columns: repeat(3,1fr); gap: var(--space-6); margin-top: var(--space-8); align-items: start; }
.mplan { border: var(--hairline-strong); background: var(--color-bg-alt); border-radius: var(--radius-card); padding: var(--space-6); display: flex; flex-direction: column; }
.mplan--feat { border-top: 2px solid var(--color-accent); }
.mplan__tag { font-family: var(--font-body); font-weight: 500; font-size: 13px; letter-spacing: 0.3em; color: var(--color-ink-soft); }
.mplan--feat .mplan__tag { color: var(--color-accent); }
.mplan__name { font-family: var(--font-display); font-size: 32px; margin-top: var(--space-3); }
.mplan__price { display: flex; align-items: baseline; gap: 8px; margin-top: var(--space-4); }
.mplan__price b { font-family: var(--font-display); font-size: 56px; font-weight: 300; line-height: 1; }
.mplan__price span { font-size: 14px; color: var(--color-ink-soft); }
.mplan__strength { font-size: 12.5px; color: var(--color-accent); margin-top: var(--space-3); line-height: 1.6; }
.mplan__blurb { font-size: 14px; color: var(--color-ink-mid); margin-top: var(--space-4); line-height: 1.7; }
.mplan__feats { list-style: none; margin: var(--space-5) 0; padding: 0; display: flex; flex-direction: column; gap: var(--space-3); flex: 1; }
.mplan__feats li { display: flex; gap: 10px; font-size: 14px; color: var(--color-ink-mid); line-height: 1.5; }
.mplan__feats .sb-icon { flex-shrink: 0; margin-top: 2px; }
.mplan .btn { width: 100%; justify-content: center; text-align: center; }
.mplans__note { text-align: center; margin: var(--space-6) auto 0; font-size: 14px; color: var(--color-ink-soft); max-width: 640px; }
@media (max-width: 900px){ .mplans { grid-template-columns: 1fr; } }

.mcompare__wrap { overflow-x: auto; margin-top: var(--space-8); }
.mcompare { width: 100%; border-collapse: collapse; border: var(--hairline); min-width: 560px; }
.mcompare th, .mcompare td { padding: 14px 18px; border-bottom: var(--hairline); font-size: 14.5px; text-align: center; }
.mcompare thead th { font-family: var(--font-display); font-weight: 600; font-size: 22px; color: var(--color-ink); }
.mcompare thead th.feat { background: var(--color-bg-alt); border-top: 2px solid var(--color-accent); }
.mcompare td.feat { background: var(--color-bg-alt); }
.mcompare tbody td:first-child, .mcompare thead th:first-child { text-align: left; }
.mcompare tbody td:first-child { color: var(--color-ink-mid); }
.mcompare .flag { font-family: var(--font-body); font-size: 11px; font-weight: 500; letter-spacing: 0.16em; color: var(--color-accent); margin-top: 4px; }
.mcompare .dash { color: var(--color-ink-soft); }
.mcompare__note { font-size: 13px; color: var(--color-ink-soft); margin-top: var(--space-5); max-width: 720px; line-height: 1.7; }

.mfits { display: grid; grid-template-columns: repeat(3,1fr); border: var(--hairline); margin-top: var(--space-8); }
.mfits > div { padding: var(--space-6); border-left: var(--hairline); display: flex; flex-direction: column; }
.mfits > div:first-child { border-left: none; }
.mfits__t { font-family: var(--font-display); font-size: 24px; margin-bottom: var(--space-4); }
.mfits ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--space-3); flex: 1; }
.mfits li { display: flex; gap: 9px; font-size: 14px; color: var(--color-ink-mid); line-height: 1.5; }
.mfits__concl { font-size: 13.5px; color: var(--color-ink); border-top: var(--hairline); margin-top: var(--space-5); padding-top: var(--space-4); line-height: 1.6; }
@media (max-width: 900px){ .mfits { grid-template-columns: 1fr; } .mfits > div { border-left: none; border-top: var(--hairline); } .mfits > div:first-child { border-top: none; } }

.mreasons { display: grid; grid-template-columns: repeat(3,1fr); gap: var(--space-6); margin-top: var(--space-8); }
.mreason__n { font-family: var(--font-display); font-weight: 600; font-size: 40px; color: var(--color-accent); line-height: 1; margin-bottom: var(--space-3); }
.mreason__t { font-weight: 500; font-size: 18px; margin-bottom: var(--space-2); }
.mreason__d { font-size: 14px; color: var(--color-ink-mid); line-height: 1.7; }
@media (max-width: 900px){ .mreasons { grid-template-columns: 1fr; } }

.mget { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: clamp(32px,5vw,72px); align-items: start; }
.mentries { border: var(--hairline); list-style: none; margin: 0; padding: 0; }
.mentries li { display: flex; align-items: center; gap: 12px; padding: var(--space-4) var(--space-5); border-top: var(--hairline); font-size: 15px; color: var(--color-ink); }
.mentries li:first-child { border-top: none; }
@media (max-width: 900px){ .mget { grid-template-columns: 1fr; } }

/* FAQ — 原生 details/summary（无需 JS），发丝线 + 铜色 +/− */
.faq { max-width: 820px; margin: var(--space-8) auto 0; border: var(--hairline); border-bottom: none; }
.faq details { border-bottom: var(--hairline); }
.faq summary { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: var(--space-5) var(--space-6); cursor: pointer; list-style: none; font-family: var(--font-body); font-weight: 500; font-size: 16px; color: var(--color-ink); }
.faq summary::-webkit-details-marker { display: none; }
.faq summary::after { content: '+'; color: var(--color-accent); font-size: 22px; line-height: 1; flex-shrink: 0; }
.faq details[open] summary::after { content: '\2212'; }
.faq__a { padding: 0 var(--space-6) var(--space-5); font-size: 14.5px; color: var(--color-ink-mid); line-height: 1.8; max-width: 680px; }

.mcta__h { font-family: var(--font-display); font-weight: 600; font-size: clamp(30px,4vw,56px); color: var(--color-ink-inverse); }
.mcta__sub { font-size: 17px; color: var(--color-ink-mid); margin-top: var(--space-5); }
.mcta__note { font-size: 13px; color: var(--color-ink-soft); margin-top: var(--space-5); }

/* ============================================================
   结构线加深（用户反馈：会员卡片分割线 / 对比表线太淡）
   用 --color-rule-strong（强边框 token）替代极淡的 --color-rule。
   ============================================================ */
.mplan, .mcompare, .mfits, .mentries { border-color: var(--color-rule-strong); }
.mcompare th, .mcompare td { border-bottom-color: var(--color-rule-strong); }
.mfits > div { border-left-color: var(--color-rule-strong); }
.mentries li { border-top-color: var(--color-rule-strong); }
@media (max-width: 900px){ .mfits > div { border-top-color: var(--color-rule-strong); } }
/* 首页卡片网格同步加深，保持一致 */
.cardgrid { border-color: var(--color-rule-strong); }
.cardgrid > .cell { border-left-color: var(--color-rule-strong); }
@media (max-width: 900px){ .cardgrid > .cell { border-top-color: var(--color-rule-strong); border-left-color: transparent; } }

/* ============================================================
   GLOBAL FOOTER（深色 · 顶部 Newsletter + 4 列 + 社交 + 版权）
   ============================================================ */
.site-foot { background: var(--color-bg-deep); color: var(--color-ink-inverse); padding: clamp(48px,6vw,80px) 0 var(--space-7); }
.foot-news { display: grid; grid-template-columns: minmax(0,1.2fr) minmax(0,1fr); gap: clamp(24px,5vw,64px); align-items: center; }
.foot-news__desc { color: var(--color-ink-mid); font-size: 14px; line-height: 1.7; margin-top: var(--space-3); max-width: 34em; }
.foot-news__form { display: flex; }
.foot-news__err { color: var(--color-ink-inverse); font-size: 13.5px; margin: 0 0 var(--space-3); }
.foot-news__input { flex: 1; min-width: 0; border: var(--hairline-strong) /* AA 非文本 3:1 */; border-right: none; background: var(--color-bg-inset); color: var(--color-ink-inverse); padding: 0 16px; height: 52px; font-family: var(--font-body); font-size: 15px; outline: none; border-radius: var(--radius-sm) 0 0 var(--radius-sm); }
.foot-news__input::placeholder { color: var(--color-ink-mid); } /* AA：对齐同区块 desc 既有透明度 */
.foot-news__form .btn { height: 52px; flex-shrink: 0; }
.foot-sep { border-top: 1px solid var(--color-rule); margin: clamp(40px,5vw,64px) 0; }
.foot-grid { display: grid; grid-template-columns: 1.6fr repeat(4,1fr); gap: var(--space-6); }
.foot-brand__line { color: var(--color-ink-mid); font-size: 14px; line-height: 1.7; margin-top: var(--space-4); max-width: 22em; }
.foot-social { display: flex; gap: var(--space-4); margin-top: var(--space-5); color: var(--color-accent); }
.foot-col .foot-col__t { font-family: var(--font-body); font-size: 13px; font-weight: 500; letter-spacing: 0.2em; color: var(--color-ink-inverse); margin: 0 0 var(--space-4); }
.foot-col a { display: block; font-size: 13.5px; color: var(--color-ink-mid); text-decoration: none; padding: 5px 0; transition: color var(--dur-hover) var(--ease-out-cubic); }
.foot-col a:hover { color: var(--color-ink-inverse); }
.foot-fine { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 12px; border-top: 1px solid var(--color-rule); margin-top: var(--space-7); padding-top: var(--space-5); font-size: 12.5px; color: var(--color-ink-soft); }
@media (max-width: 900px){ .foot-news { grid-template-columns: 1fr; } .foot-grid { grid-template-columns: 1fr 1fr; gap: var(--space-6) var(--space-5); } }
@media (max-width: 560px){ .foot-grid { grid-template-columns: 1fr; } }

/* 做三件事 —— 居中三列（替代旧的左右不对称布局，更整齐） */
.threecols { display: grid; grid-template-columns: repeat(3,1fr); gap: var(--space-7); margin-top: var(--space-8); }
.threecol { text-align: center; text-decoration: none; color: inherit; display: block; }
.threecol .cell__icon { display: flex; justify-content: center; margin-bottom: var(--space-4); }
.threecol__t { font-family: var(--font-body); font-weight: 500; font-size: 18px; margin-bottom: var(--space-2); color: var(--color-ink); }
.threecol__d { font-size: 14px; color: var(--color-ink-mid); line-height: 1.65; max-width: 22em; margin: 0 auto; }
@media (max-width: 900px){ .threecols { grid-template-columns: 1fr; gap: var(--space-6); } }

/* ============================================================
   卡片悬停微动效（克制版）—— 铜色图标轻弹 + 卡片上浮 4px + 边框转铜。
   不做"整卡内容缩放"（糊字、偏离扁平克制铁律）；250ms premium-SaaS 区间。
   ============================================================ */
.sb-icon { transition: transform var(--dur-hover) var(--ease-out-cubic); }
.threecol,
.prodcard { transition: transform var(--dur-hover) var(--ease-out-cubic), border-color var(--dur-hover) var(--ease-out-cubic); }
/* 独立卡（做三件事 / 产品）才上浮——它们各自有完整边框，不破共享分割线 */
.threecol:hover,
.prodcard:hover { transform: translateY(-4px); }
.prodcard:hover { border-color: var(--color-accent); }
/* 全部图标卡：hover 铜色图标轻弹（网格卡只做这个，避免共享边线错位）*/
.cardgrid > .cell:hover .sb-icon,
.threecol:hover .sb-icon,
.prodcard:hover .sb-icon { transform: scale(1.14); }
/* 触屏无 hover：不做位移 */
@media (hover: none) {
	.threecol:hover, .prodcard:hover { transform: none; }
}

/* 72h 序列：列内容居中 + hover（用户要求 01–05 也有动效）。
   只 transform 铜色数字 .seq__n——序列项本身是 .reveal，直接 transform 会冲掉淡入。 */
.seq > div { text-align: center; }
.seq__n { transition: transform var(--dur-hover) var(--ease-out-cubic); }
.seq > div:hover .seq__n { transform: translateY(-4px) scale(1.08); }

/* ============================================================
   网格卡（痛点/角色/证言）改为"独立完整边框卡 + 间隙"，
   以支持完整 hover：上浮 4px + 边框转铜 + 铜色图标轻弹（250ms）。
   覆盖前面"共用外框 + 内部发丝线"的旧规则。
   ============================================================ */
.cardgrid { border: none !important; gap: var(--space-4); }
.cardgrid > .cell {
	border: var(--hairline-strong) !important;
	background: var(--color-bg-alt);
	border-radius: var(--radius-card);
	transition: transform var(--dur-hover) var(--ease-out-cubic), border-color var(--dur-hover) var(--ease-out-cubic);
}
.cardgrid > .cell:hover { transform: translateY(-4px); border-color: var(--color-accent) !important; }
@media (max-width: 900px) { .cardgrid > .cell { border: var(--hairline-strong) !important; } }
@media (hover: none) { .cardgrid > .cell:hover { transform: none; } }

/* ============================================================
   PRODUCTS（对照 Products.jsx · §5.2 覆盖）
   开篇居中 + 6 张独立边框卡（16px 间隙）+ 深色打包 CTA（复用 .mcta__*）。
   卡片 hover：上浮 4px + 边框转铜 + 图片轻放大（图标卡用 .cardgrid 规则，
   产品卡有图无单一图标——动效落在图片上，与首页 .prodcard 一致）。
   ============================================================ */
/* 1 · 开篇（cream · 居中 · LCP） */
.phero { text-align: center; padding-top: clamp(56px,7vw,104px); padding-bottom: clamp(40px,5vw,56px); }
.phero__h1 { font-family: var(--font-display); font-weight: 700; font-size: clamp(34px,4.8vw,62px);
	line-height: 1.2; letter-spacing: 0; color: var(--color-ink); margin: var(--space-4) auto 0; max-width: 17em; }
.phero__sub { font-size: var(--text-lg); line-height: 1.55; color: var(--color-ink-mid);
	margin: var(--space-5) auto 0; max-width: 680px; }

/* 2 · 产品矩阵 — 6 张独立边框卡 */
.pgrid { display: grid; grid-template-columns: repeat(3,1fr); gap: var(--space-4); margin-top: var(--space-8); align-items: stretch; }
.pcard { display: flex; flex-direction: column; background: var(--color-bg-alt); border: var(--hairline-strong); border-radius: var(--radius-card); overflow: hidden;
	color: inherit; text-decoration: none;
	transition: transform var(--dur-hover) var(--ease-out-cubic), border-color var(--dur-hover) var(--ease-out-cubic); }
.pcard:hover { transform: translateY(-4px); border-color: var(--color-accent); }
.pcard--feat { border-top: 2px solid var(--color-accent); }
.pcard__imgwrap { overflow: hidden; border-bottom: var(--hairline-strong); }
.pcard__imgwrap img { width: 100%; height: 200px; object-fit: cover; display: block; transition: transform var(--dur-cinema) var(--ease-out-expo); }
.pcard:hover .pcard__imgwrap img { transform: scale(1.04); }
.pcard__body { display: flex; flex-direction: column; flex: 1; padding: var(--space-6); }
.pcard__top { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; margin-bottom: var(--space-3); }
.pcard__tag { font-family: var(--font-body); font-weight: 500; font-size: 12px; letter-spacing: var(--tracking-cjk-label); color: var(--color-ink-soft); }
.pcard__price { font-family: var(--font-display); font-weight: 500; font-size: 22px; color: var(--color-accent); white-space: nowrap; }
.pcard__name { font-family: var(--font-display); font-weight: 500; font-size: 24px; line-height: 1.25; color: var(--color-ink); }
.pcard__desc { font-size: 14px; color: var(--color-ink-mid); line-height: 1.75; margin: var(--space-3) 0 var(--space-5); }
.pcard__feats { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--space-2); flex: 1; }
.pcard__feats li { display: flex; gap: 9px; font-size: 13.5px; color: var(--color-ink-mid); line-height: 1.5; }
.pcard__feats .sb-icon { flex-shrink: 0; margin-top: 2px; }
.pcard__cta { margin-top: var(--space-5); }
.pcard__cta .link { font-size: 13px; color: var(--color-accent); }
@media (max-width: 900px){ .pgrid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px){ .pgrid { grid-template-columns: 1fr; } }
@media (hover: none){ .pcard:hover { transform: none; } }

/* ============================================================
   CHECKOUT 闭环 Phase 2 —— Thank-You 品牌化 + 沉浸式结账（§24.11 / §27D.3/4）
   ============================================================ */
/* Thank-You：隐藏默认「订单已收到」文案，注入品牌头部（订单详情/概览保留） */
.woocommerce-thankyou-order-received { display: none !important; }
.sb-ty { text-align: center; padding: clamp(24px,4vw,56px) 0 var(--space-7); border-bottom: var(--hairline-strong); margin-bottom: var(--space-7); }
.sb-ty__badge { display: flex; justify-content: center; margin-bottom: var(--space-4); }
.sb-ty__badge .sb-icon { color: var(--color-accent); }
.sb-ty__title { font-family: var(--font-display); font-weight: 600; font-size: clamp(28px,3.6vw,48px); line-height: 1.2; letter-spacing: 0; color: var(--color-ink); margin: 0; }
.sb-ty__sub { font-size: var(--text-lg); line-height: 1.6; color: var(--color-ink-mid); margin: var(--space-5) auto 0; max-width: 540px; }
.sb-ty__cta { justify-content: center; margin-top: var(--space-6); }

/* 沉浸式结账/购物车：封闭漏斗——隐藏主导航（留 logo 可点回首页），Footer 法律链接保留 */
.woocommerce-checkout .main-navigation,
.woocommerce-cart .main-navigation { display: none !important; }
/* 隐藏 WooCommerce 默认页面标题（结账「结账」/ 收货「已收到订单」）——
   收货页由 .sb-ty 品牌头部充当标题，避免重复；结账表单走极简无标题。 */
.woocommerce-checkout .entry-header { display: none !important; }

/* 结账信任条（the_content 注入于表单下方，区块外、水合不丢） */
.sb-trustbar { border-top: var(--hairline-strong); margin-top: var(--space-7); padding-top: var(--space-6); }
.sb-trustbar__list { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: var(--space-4) var(--space-7); justify-content: center; }
.sb-trustbar__list li { display: flex; align-items: center; gap: 9px; font-size: 14px; color: var(--color-ink-mid); }
.sb-trustbar__list .sb-icon { flex-shrink: 0; }
.sb-trustbar__safe { text-align: center; font-size: 13px; color: var(--color-ink-soft); line-height: 1.7; margin: var(--space-5) auto 0; max-width: 40em; }
@media (max-width: 640px){ .sb-trustbar__list { flex-direction: column; align-items: center; gap: var(--space-3); } }

/* ============================================================
   SINGLE PRODUCT（§8.3 · 对照 Commerce.jsx ProductView）
   Pro 订阅与单品共用；内容宽度内布局（非全宽断出），发丝线/边框分隔。
   ============================================================ */
.single-product .woocommerce-breadcrumb { display: none; } /* 用下方 .sp-crumb 取代 WC 默认面包屑 */
.sp-crumb { font-size: 13px; color: var(--color-ink-soft); padding-top: var(--space-6); }
.sp-crumb a { color: var(--color-ink-mid); text-decoration: none; }
.sp-crumb a:hover { color: var(--color-accent); }
.sp-crumb__sep { margin: 0 8px; color: var(--color-rule-strong); }

/* 1 · 标题 + 购买盒 */
.sp-hero { display: grid; grid-template-columns: minmax(0,1.1fr) minmax(0,0.9fr); gap: clamp(32px,5vw,72px); align-items: start; }
.sp-title { font-family: var(--font-display); font-weight: 700; font-size: clamp(32px,4.4vw,58px); line-height: 1.18; letter-spacing: 0; color: var(--color-ink); margin: var(--space-4) 0 0; }
.sp-short { font-family: var(--font-display); font-style: italic; font-size: clamp(20px,2.4vw,26px); color: var(--color-accent); margin: var(--space-4) 0 0; line-height: 1.4; }
.sp-hero .lead { margin-top: var(--space-5); max-width: 540px; }
.sp-body { margin-top: var(--space-5); font-size: 15.5px; color: var(--color-ink-mid); line-height: 1.9; }
.sp-buy { border: var(--hairline-strong); background: var(--color-bg-alt); padding: var(--space-6); position: sticky; top: 24px; }
.sp-buy--feat { border-top: 2px solid var(--color-accent); }
.sp-buy__img { border: var(--hairline-strong); border-radius: var(--radius-card); overflow: hidden; margin-bottom: var(--space-5); }
.sp-buy__img img { width: 100%; height: 200px; object-fit: cover; display: block; }
.sp-price { display: flex; align-items: baseline; gap: 8px; }
.sp-price b { font-family: var(--font-display); font-weight: 300; font-size: 56px; line-height: 1; color: var(--color-ink); }
.sp-price span { font-size: 14px; color: var(--color-ink-soft); }
.sp-buy__note { font-size: 13px; color: var(--color-ink-soft); margin-top: var(--space-3); }
.sp-buy__rights { list-style: none; margin: var(--space-5) 0; padding: 0; display: flex; flex-direction: column; gap: var(--space-3); }
.sp-buy__rights li { display: flex; gap: 10px; font-size: 14px; color: var(--color-ink-mid); line-height: 1.5; }
.sp-buy__rights .sb-icon { flex-shrink: 0; margin-top: 2px; }
.sp-buy__cart .quantity { display: none !important; }
.sp-buy__cart .single_add_to_cart_button { display: flex; width: 100%; justify-content: center; align-items: center; height: 52px; line-height: 1;
	background: var(--color-accent) !important; color: var(--color-on-accent) !important; border-color: var(--color-accent) !important; }
.sp-buy__cart .single_add_to_cart_button:hover { background: var(--color-accent-hover) !important; border-color: var(--color-accent-hover) !important; }
.sp-buy__guar { font-size: 12px; color: var(--color-ink-soft); margin-top: var(--space-3); text-align: center; }

/* 2 · 包含权益 / 你会读到 */
.sp-rights { list-style: none; margin: var(--space-7) 0 0; padding: 0; border: var(--hairline-strong); display: grid; grid-template-columns: 1fr 1fr; }
.sp-rights li { display: flex; gap: 12px; align-items: center; padding: var(--space-4) var(--space-6); font-size: 15px; color: var(--color-ink); line-height: 1.5; border-top: var(--hairline-strong); }
.sp-rights li:nth-child(odd) { border-right: var(--hairline-strong); }
.sp-rights li:nth-child(1), .sp-rights li:nth-child(2) { border-top: none; }
.sp-rights .sb-icon { flex-shrink: 0; }
.sp-anchor { font-family: var(--font-display); font-size: clamp(18px,2.2vw,24px); color: var(--color-ink); margin: var(--space-7) auto 0; max-width: 760px; line-height: 1.6; text-align: center; }
.sp-strength { font-size: 14px; color: var(--color-ink-mid); margin: var(--space-5) auto 0; background: var(--color-bg-alt); border: var(--hairline-strong); padding: var(--space-4) var(--space-5); line-height: 1.7; max-width: 760px; }

/* 3 · 5 分钟内 + 适合谁 */
.sp-cols { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(32px,5vw,72px); }
.sp-colh { font-family: var(--font-display); font-weight: 500; font-size: 26px; margin: 0 0 var(--space-5); color: var(--color-ink); }
.sp-five, .sp-fits { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--space-3); }
.sp-five li { display: flex; gap: 14px; font-size: 15px; color: var(--color-ink); align-items: baseline; line-height: 1.5; }
.sp-five__n { font-family: var(--font-mono); font-size: 12px; color: var(--color-accent); flex-shrink: 0; }
.sp-fits li { display: flex; gap: 12px; font-size: 15px; color: var(--color-ink-mid); line-height: 1.5; }
.sp-fits .sb-icon { flex-shrink: 0; margin-top: 2px; }

/* 4 · 单品的 Pro 引导 */
.sp-proguide { border: var(--hairline-strong); background: var(--color-bg-alt); padding: clamp(28px,4vw,56px); text-align: center; }
.sp-proguide__h { font-family: var(--font-display); font-weight: 600; font-size: clamp(24px,3vw,36px); margin: var(--space-3) 0 0; color: var(--color-ink); }
.sp-proguide__p { font-size: 15px; color: var(--color-ink-mid); line-height: 1.8; max-width: 600px; margin: var(--space-4) auto 0; }

@media (max-width: 900px){
	.sp-hero { grid-template-columns: 1fr; }
	.sp-buy { position: static; }
	.sp-cols { grid-template-columns: 1fr; gap: var(--space-7); }
}
@media (max-width: 560px){
	.sp-rights { grid-template-columns: 1fr; }
	.sp-rights li:nth-child(odd) { border-right: none; }
	.sp-rights li:nth-child(2) { border-top: var(--hairline-strong); }
}

/* ============================================================
   72 小时破局训练（/learn/72-hour-breakthrough · 对照 SeventyTwo.jsx）
   Hero 左文右作战地图 · 为什么是72h 编号卡 · 三天交替图文行 · 你会得到 2栏 · FAQ · 深色CTA。
   §5.2 覆盖：标题思源黑；卡片独立强边框（强边框 token）+ hover 上浮4px·边框转铜（250ms）。
   复用 .actcard/.actrow/.actcard__foot/.section-quote/.faq/.mcta__*/.sp-crumb。
   ============================================================ */
/* 1 · Hero —— 左文（1.05fr）/ 右作战地图卡（1fr） */
.s72-hero { padding-top: clamp(40px,6vw,88px); padding-bottom: clamp(40px,6vw,88px); }
.s72-hero__grid { display: grid; grid-template-columns: minmax(0,1.05fr) minmax(0,1fr); gap: clamp(32px,5vw,72px); align-items: center; }
.s72-hero__h1 { font-family: var(--font-display); font-weight: 700; font-size: clamp(40px,5.2vw,72px); line-height: 1.15; letter-spacing: 0; color: var(--color-ink); margin-top: var(--space-5); }
.s72-hero .hero__sub { margin-top: var(--space-5); }
.s72-hero .cta-note { max-width: 30em; }
/* 作战地图卡（复用 .actcard 边框/内距，置 alt 底 + 加宽 Day 编号 + 行文字加重） */
.s72-map { background: var(--color-bg-alt); border-color: var(--color-rule-strong); }
.s72-map__label { margin-bottom: var(--space-5); }
.s72-map .actrow__n { font-family: var(--font-display); font-weight: 600; font-size: 22px; color: var(--color-accent); width: auto; min-width: 84px; white-space: nowrap; }
.s72-map .actrow__t { font-size: 16px; font-weight: 500; color: var(--color-ink); }
@media (max-width: 900px){ .s72-hero__grid { grid-template-columns: 1fr; } }

/* 2 · 为什么是 72 小时 —— 3 编号卡（独立强边框 + hover 上浮/转铜） */
.s72-why { display: grid; grid-template-columns: repeat(3,1fr); gap: var(--space-4); margin-top: var(--space-8); }
.s72-why__card { border: var(--hairline-strong); background: var(--color-bg-alt); border-radius: var(--radius-card); padding: var(--space-6);
	transition: transform var(--dur-hover) var(--ease-out-cubic), border-color var(--dur-hover) var(--ease-out-cubic); }
.s72-why__card:hover { transform: translateY(-4px); border-color: var(--color-accent); }
.s72-why__n { font-family: var(--font-display); font-weight: 600; font-size: 40px; color: var(--color-accent); line-height: 1; margin-bottom: var(--space-3); }
.s72-why__t { font-family: var(--font-body); font-weight: 500; font-size: 18px; line-height: 1.3; margin-bottom: var(--space-2); color: var(--color-ink); }
.s72-why__d { font-size: 14px; color: var(--color-ink-mid); line-height: 1.7; margin: 0; }
@media (max-width: 900px){ .s72-why { grid-template-columns: 1fr; } }
@media (hover: none){ .s72-why__card:hover { transform: none; } }

/* 3 · 三天 —— 交替图文行（整行强边框卡 + hover 上浮/转铜 + 图轻放大） */
.s72-days { display: flex; flex-direction: column; gap: var(--space-6); margin-top: var(--space-8); }
.s72-day { display: grid; grid-template-columns: minmax(0,1.05fr) minmax(0,1fr); align-items: stretch; border: var(--hairline-strong); overflow: hidden;
	transition: transform var(--dur-hover) var(--ease-out-cubic), border-color var(--dur-hover) var(--ease-out-cubic); }
.s72-day:hover { transform: translateY(-4px); border-color: var(--color-accent); }
.s72-day__img { overflow: hidden; }
.s72-day__img img { width: 100%; height: 100%; min-height: 260px; object-fit: cover; display: block; transition: transform var(--dur-cinema) var(--ease-out-expo); }
.s72-day:hover .s72-day__img img { transform: scale(1.04); }
.s72-day__body { padding: clamp(24px,4vw,48px); display: flex; flex-direction: column; justify-content: center; }
.s72-day__head { display: flex; align-items: baseline; gap: 14px; flex-wrap: wrap; }
.s72-day__d { font-family: var(--font-display); font-weight: 600; font-size: clamp(28px,3.4vw,44px); color: var(--color-accent); line-height: 1; }
.s72-day__t { font-family: var(--font-display); font-weight: 500; font-size: clamp(22px,2.6vw,30px); color: var(--color-ink); }
.s72-day__p { font-size: 15.5px; color: var(--color-ink-mid); line-height: 1.8; margin: var(--space-4) 0 0; max-width: 46em; }
.s72-day__cta { margin-top: var(--space-5); }
.s72-day__cta .link { font-size: 14px; color: var(--color-accent); }
.s72-day--rev .s72-day__img { order: 2; }   /* 奇数行图片在右 */
@media (max-width: 900px){
	.s72-day, .s72-day--rev { grid-template-columns: 1fr; }
	.s72-day--rev .s72-day__img { order: 0; }
	.s72-day__img img { min-height: 200px; }
}
@media (hover: none){ .s72-day:hover { transform: none; } }

/* 4 · 你最终会得到什么 —— 左清单 / 右图 */
.s72-gains { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: clamp(32px,5vw,72px); align-items: center; }
.s72-gainlist { list-style: none; margin: var(--space-6) 0 0; padding: 0; display: flex; flex-direction: column; gap: var(--space-4); }
.s72-gainlist li { display: flex; gap: 12px; align-items: flex-start; font-size: 16px; color: var(--color-ink); line-height: 1.5; }
.s72-gainlist .sb-icon { flex-shrink: 0; margin-top: 2px; }
.s72-gains__img { border: var(--hairline-strong); border-radius: var(--radius-card); overflow: hidden; aspect-ratio: 4 / 3; }
.s72-gains__img img { width: 100%; height: 100%; object-fit: cover; display: block; }
@media (max-width: 900px){ .s72-gains { grid-template-columns: 1fr; } }

/* ============================================================
   免费学习中心（/learn · 对照 Learn.jsx）
   Hero（左文＋内联订阅 / 右图）· 免费资源中心（6 卡，复用 .cardgrid 独立强边框＋hover）·
   72h 图文 3 列（复用 .prodgrid/.prodcard）。
   ============================================================ */
/* 1 · Hero —— 左文（1.1fr）/ 右图（1fr） */
.lhero { padding-top: clamp(48px,7vw,104px); padding-bottom: clamp(48px,7vw,104px); }
.lhero__grid { display: grid; grid-template-columns: minmax(0,1.1fr) minmax(0,1fr); gap: clamp(32px,5vw,72px); align-items: center; }
.lhero__h1 { font-family: var(--font-display); font-weight: 700; font-size: clamp(36px,5vw,68px); line-height: 1.15; letter-spacing: 0; color: var(--color-ink); margin-top: var(--space-5); }
.lhero .hero__sub { margin-top: var(--space-5); max-width: 30em; }
.lhero__form { max-width: 440px; margin-top: var(--space-6); }
.lhero__img { border: var(--hairline-strong); border-radius: var(--radius-card); overflow: hidden; }
.lhero__img img { width: 100%; height: 100%; max-height: 420px; object-fit: cover; display: block; }
@media (max-width: 900px){ .lhero__grid { grid-template-columns: 1fr; } }

/* 2 · 免费资源中心 —— 6 卡（3 列，整卡可点；复用 .cardgrid 强边框＋hover 上浮/转铜/图标弹） */
.cardgrid--3 { grid-template-columns: repeat(3,1fr); }
.cardgrid a.cell { color: inherit; text-decoration: none; }
@media (max-width: 900px){ .cardgrid--3 { grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px){ .cardgrid--3 { grid-template-columns: 1fr; } }

/* 3 · 72h 图文 3 列 —— 复用 .prodgrid/.prodcard，卡内铜号＋空格标题（同首页 .seq 调性） */
.lday__head { display: flex; align-items: baseline; gap: 12px; }
.lday__n { font-family: var(--font-display); font-weight: 600; font-size: 40px; color: var(--color-accent); line-height: 1; }
.lday__t { font-family: var(--font-body); font-weight: 500; font-size: 15px; letter-spacing: 0.2em; color: var(--color-ink); }
.lday__d { font-size: 14px; color: var(--color-ink-mid); line-height: 1.7; margin: var(--space-4) 0 0; }

/* ============================================================
   行动文章 /articles（对照 Articles.jsx）
   Hero（左文 / 右「阅读→判断→行动→证明」流程卡）+ 真实文章卡格（WP_Query）。
   分类 chips 暂略；Newsletter 走全局 Footer。
   ============================================================ */
/* 1 · Hero —— 左文（1.1fr）/ 右流程卡（1fr） */
.ahero { padding-top: clamp(40px,6vw,88px); padding-bottom: clamp(40px,6vw,88px); }
.ahero__grid { display: grid; grid-template-columns: minmax(0,1.1fr) minmax(0,1fr); gap: clamp(32px,5vw,72px); align-items: center; }
.ahero__h1 { font-family: var(--font-display); font-weight: 700; font-size: clamp(36px,4.4vw,58px); line-height: 1.15; letter-spacing: 0; color: var(--color-ink); margin-top: var(--space-5); }
.ahero .hero__sub { margin-top: var(--space-5); }
.artflow { border: var(--hairline-strong); background: var(--color-bg-alt); padding: clamp(28px,4vw,48px); display: flex; flex-direction: column; align-items: center; gap: var(--space-3); }
.artflow__step { font-family: var(--font-display); font-weight: 600; font-size: 26px; letter-spacing: 0.1em; color: var(--color-ink); }
.artflow__step--end { color: var(--color-accent); }
.artflow .sb-icon { color: var(--color-ink-soft); }
@media (max-width: 900px){ .ahero__grid { grid-template-columns: 1fr; } }

/* 2 · 文章卡格 —— 独立强边框卡 + hover 上浮/转铜 */
.artgrid { display: grid; grid-template-columns: repeat(3,1fr); gap: var(--space-4); margin-top: var(--space-8); align-items: stretch; }
.artcard { display: flex; flex-direction: column; border: var(--hairline-strong); background: var(--color-bg-alt); border-radius: var(--radius-card); padding: var(--space-6); color: inherit; text-decoration: none;
	transition: transform var(--dur-hover) var(--ease-out-cubic), border-color var(--dur-hover) var(--ease-out-cubic); }
.artcard:hover { transform: translateY(-4px); border-color: var(--color-accent); }
.artcard__cat { font-family: var(--font-body); font-weight: 500; font-size: 11px; letter-spacing: var(--tracking-cjk-label); color: var(--color-accent); }
.artcard__title { font-family: var(--font-display); font-weight: 500; font-size: 22px; line-height: 1.25; color: var(--color-ink); margin: var(--space-3) 0 var(--space-2); }
.artcard__excerpt { font-size: 14px; color: var(--color-ink-mid); line-height: 1.7; flex: 1; margin: 0; }
.artcard__foot { display: flex; justify-content: space-between; align-items: center; margin-top: var(--space-5); }
.artcard__meta { font-size: 12.5px; color: var(--color-ink-soft); }
.artcard__foot .link { font-size: 13px; color: var(--color-accent); }
@media (max-width: 900px){ .artgrid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px){ .artgrid { grid-template-columns: 1fr; } }
@media (hover: none){ .artcard:hover { transform: none; } }

/* ============================================================
   精华提示词库 /prompt-library（对照 PromptLibrary.jsx）
   Hero（左文 / 右「场景→变量→步骤→输出→复用」结构卡）· 痛点 3 卡 + 格言 ·
   7 分类卡（复用 .cardgrid--4）· 9 张免费提示词卡（一键复制）· 完整库会员预告（复用 .sp-proguide）。
   ============================================================ */
/* 1 · Hero —— 左文（1.1fr）/ 右结构卡（1fr） */
.plhero { padding-top: clamp(40px,6vw,80px); padding-bottom: clamp(40px,6vw,80px); }
.plhero__grid { display: grid; grid-template-columns: minmax(0,1.1fr) minmax(0,1fr); gap: clamp(32px,5vw,72px); align-items: center; }
.plhero__h1 { font-family: var(--font-display); font-weight: 700; font-size: clamp(34px,4.2vw,54px); line-height: 1.15; letter-spacing: 0; color: var(--color-ink); margin-top: var(--space-5); }
.plhero .hero__sub { margin-top: var(--space-5); }
/* 结构卡（复用 .actcard，置 alt 底 + 强边框；编号 mono、步骤名 display 22） */
.plsteps { background: var(--color-bg-alt); border-color: var(--color-rule-strong); }
.plsteps .actrow__n { font-family: var(--font-mono); font-weight: 400; font-size: 12px; color: var(--color-accent); width: auto; min-width: 28px; }
.plsteps .actrow__t { font-family: var(--font-display); font-weight: 600; font-size: 22px; color: var(--color-ink); }
@media (max-width: 900px){ .plhero__grid { grid-template-columns: 1fr; } }

/* 4 · 免费精选提示词卡 —— 独立强边框，hover 仅转铜（含内部复制按钮，不上浮以免干扰点击） */
.plgrid { display: grid; grid-template-columns: repeat(3,1fr); gap: var(--space-4); margin-top: var(--space-8); align-items: stretch; }
.plcard { display: flex; flex-direction: column; border: var(--hairline-strong); background: var(--color-bg-alt); border-radius: var(--radius-card); padding: var(--space-6);
	transition: border-color var(--dur-hover) var(--ease-out-cubic); }
.plcard:hover { border-color: var(--color-accent); }
.plcard__cat { font-family: var(--font-body); font-weight: 500; font-size: 11px; letter-spacing: var(--tracking-cjk-label); color: var(--color-accent); }
.plcard__title { font-family: var(--font-body); font-weight: 500; font-size: 18px; line-height: 1.3; color: var(--color-ink); margin: var(--space-3) 0 var(--space-2); }
.plcard__scene { font-size: 12.5px; color: var(--color-ink-soft); margin-bottom: var(--space-3); }
.plcard__desc { font-size: 13.5px; color: var(--color-ink-mid); line-height: 1.7; flex: 1; margin: 0; }
.plchips { display: flex; gap: 8px; flex-wrap: wrap; margin: var(--space-4) 0; }
.plchip { font-family: var(--font-mono); font-size: 11px; color: var(--color-ink-mid); border: var(--hairline-strong); padding: 3px 8px; }
.pl-copy { align-self: flex-start; padding: 10px 18px; font-size: 12px; }
@media (max-width: 900px){ .plgrid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px){ .plgrid { grid-template-columns: 1fr; } }

/* ============================================================
   通用内页 Hero（.ihero）—— 左文 / 右面板，供 /video-training、/free-tools 复用。
   ============================================================ */
.ihero { padding-top: clamp(40px,6vw,80px); padding-bottom: clamp(40px,6vw,80px); }
.ihero__grid { display: grid; grid-template-columns: minmax(0,1.05fr) minmax(0,1fr); gap: clamp(32px,5vw,72px); align-items: center; }
.ihero__h1 { font-family: var(--font-display); font-weight: 700; font-size: clamp(36px,4.4vw,58px); line-height: 1.15; letter-spacing: 0; color: var(--color-ink); margin-top: var(--space-5); }
.ihero .hero__sub { margin-top: var(--space-5); }
@media (max-width: 900px){ .ihero__grid { grid-template-columns: 1fr; } }

/* ============================================================
   视频训练 /video-training（对照 VideoTraining.jsx · 「即将上线」形态）
   占位缩略图 + 视频标记 + 即将上线角标；卡片不可点（真实视频上线后替换为可播放）。
   ============================================================ */
.vidgrid { display: grid; grid-template-columns: repeat(3,1fr); gap: var(--space-4); margin-top: var(--space-8); }
.vidcard { border: var(--hairline-strong); background: var(--color-bg-alt); border-radius: var(--radius-card); overflow: hidden;
	transition: transform var(--dur-hover) var(--ease-out-cubic), border-color var(--dur-hover) var(--ease-out-cubic); }
.vidcard:hover { transform: translateY(-4px); border-color: var(--color-accent); }
.vidcard__thumb { position: relative; overflow: hidden; border-bottom: var(--hairline-strong); }
.vidcard__thumb img { width: 100%; height: 180px; object-fit: cover; display: block; transition: transform var(--dur-cinema) var(--ease-out-expo); }
.vidcard:hover .vidcard__thumb img { transform: scale(1.04); }
.vidcard--feat .vidcard__thumb img { height: 280px; }
.vidcard__play { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; }
.vidcard__play::before { content: ""; position: absolute; width: 54px; height: 54px; border-radius: 50%; background: rgba(0,0,0,0.55); }
.vidcard__play .sb-icon { position: relative; color: var(--color-ink) !important; }
.vidcard__badge { position: absolute; top: 12px; right: 12px; background: var(--color-bg-deep); color: var(--color-ink-inverse); font-size: 11px; letter-spacing: 0.1em; padding: 4px 10px; }
.vidcard__body { padding: var(--space-5); }
.vidcard__tag { font-family: var(--font-body); font-weight: 500; font-size: 11px; letter-spacing: var(--tracking-cjk-label); color: var(--color-accent); }
.vidcard__title { font-family: var(--font-body); font-weight: 500; font-size: 17px; line-height: 1.3; color: var(--color-ink); margin-top: var(--space-2); }
.vidcard--feat .vidcard__title { font-family: var(--font-display); font-size: 24px; }
@media (max-width: 900px){ .vidgrid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px){ .vidgrid { grid-template-columns: 1fr; } }
@media (hover: none){ .vidcard:hover { transform: none; } }

/* ============================================================
   免费工具 /free-tools（对照 FreeTools.jsx）
   Hero（复用 .ihero · 长标题用 .fthero__h1 小一档）+ 工具箱卡（复用 .actcard）+
   推荐铜框 .ftfeature + 分类（复用 .cardgrid--4）+ 资源卡（复用 .artgrid/.artcard + 下载按钮）+
   领取后获得（复用 .s72-gains/.s72-gainlist）+ FAQ（复用 .faq）。下载一律引导 #newsletter 留邮箱。
   ============================================================ */
.fthero__h1 { font-family: var(--font-display); font-weight: 700; font-size: clamp(28px,3.2vw,46px); line-height: 1.18; letter-spacing: 0; color: var(--color-ink); margin-top: var(--space-5); }
/* 工具箱卡（.actcard 壳 + alt 底 + 强边框；下载图标 + display 标签行） */
.ftbox { background: var(--color-bg-alt); border-color: var(--color-rule-strong); }
.ftbox__label { margin-bottom: var(--space-5); }
.ftbox__row { display: flex; align-items: center; gap: 14px; padding: var(--space-3) 0; border-top: var(--hairline-strong); }
.ftbox__row:first-of-type { border-top: none; }
.ftbox__t { font-family: var(--font-display); font-weight: 600; font-size: 20px; color: var(--color-ink); }
/* 推荐工具 callout（2px 铜框，文字 | 按钮） */
.ftfeature { border: 2px solid var(--color-accent); background: var(--color-bg-alt); border-radius: var(--radius-card); padding: clamp(28px,4vw,48px); display: grid; grid-template-columns: minmax(0,1fr) auto; gap: var(--space-6); align-items: center; }
.ftfeature__h { font-family: var(--font-display); font-weight: 600; font-size: clamp(26px,3vw,38px); margin-top: var(--space-3); color: var(--color-ink); }
.ftfeature__p { font-size: 15px; color: var(--color-ink-mid); line-height: 1.8; margin-top: var(--space-4); max-width: 520px; }
.ftfeature .btn { white-space: nowrap; }
@media (max-width: 760px){ .ftfeature { grid-template-columns: 1fr; } }
/* 资源卡推荐态 + 下载按钮 */
.artcard--feat { border-top: 2px solid var(--color-accent); }
.ft-dl { align-self: flex-start; margin-top: var(--space-5); padding: 10px 18px; font-size: 13px; display: inline-flex; align-items: center; gap: 8px; }
.ft-dl .sb-icon { flex-shrink: 0; }

/* ============================================================
   法务页（/terms /privacy-policy /refund-policy /ai-usage /cookie-policy · 对照 LegalView）
   一套模板按 slug 渲染；左正文（发丝线分节）+ 右粘性法务导航。
   ============================================================ */
.legal-head { padding-top: clamp(48px,7vw,96px); padding-bottom: 0; }
.legal-head__h1 { font-family: var(--font-display); font-weight: 700; font-size: clamp(34px,4.4vw,56px); line-height: 1.15; letter-spacing: 0; color: var(--color-ink); margin-top: var(--space-4); }
.legal-head__date { font-size: 14px; color: var(--color-ink-soft); margin-top: var(--space-3); }
.legal { display: grid; grid-template-columns: minmax(0,3fr) minmax(0,1fr); gap: clamp(32px,5vw,64px); align-items: start; }
.legal__main { max-width: 760px; min-width: 0; }
.legal__disclaimer { font-size: 13px; color: var(--color-ink-soft); background: var(--color-bg-alt); border: var(--hairline-strong); padding: var(--space-4) var(--space-5); line-height: 1.7; margin: 0 0 var(--space-7); }
.legal__secs { display: flex; flex-direction: column; gap: var(--space-7); }
.legal__sec-h { font-family: var(--font-display); font-weight: 500; font-size: 22px; color: var(--color-ink); margin: 0 0 var(--space-3); line-height: 1.3; }
.legal__sec-p { font-size: 15px; color: var(--color-ink-mid); line-height: 1.9; margin: 0; }
.legal__nav { border: var(--hairline-strong); position: sticky; top: 24px; }
.legal__nav-link { display: block; padding: var(--space-4) var(--space-5); font-size: 14px; color: var(--color-ink-mid); text-decoration: none; border-top: var(--hairline-strong); transition: color var(--dur-hover) var(--ease-out-cubic); }
.legal__nav-link:first-child { border-top: none; }
.legal__nav-link:hover { color: var(--color-ink); }
.legal__nav-link.is-active { color: var(--color-accent); background: var(--color-bg-alt); }
@media (max-width: 900px){ .legal { grid-template-columns: 1fr; } .legal__nav { position: static; } }

/* ============================================================
   CookieYes 同意横幅 —— 方角 + 品牌字（铁律；文案/铜色由 functions.php 过滤器处理）。
   ============================================================ */
.cky-consent-container, .cky-consent-bar, .cky-preference-center, .cky-modal, .cky-btn,
.cky-btn-revisit, .cky-btn-revisit-wrapper, .cky-switch, .cky-audit-table { border-radius: 0 !important; }
/* 铁律：绝不 box-shadow —— 盖 CookieYes 横幅/弹窗默认投影（OBS-1） */
.cky-consent-container, .cky-consent-bar, .cky-preference-center, .cky-modal, .cky-modal-content { box-shadow: none !important; }
.cky-btn { font-family: var(--font-body) !important; letter-spacing: 0.04em; }
.cky-title, .cky-preference-title { font-family: var(--font-display) !important; }
/* 描述/偏好中心内链接走单铜色（盖 CookieYes 默认蓝 !important，守「单一强调色」铁律） */
.cky-notice-des a, .cky-preference-content-wrapper a, .cky-notice-des a:hover { color: var(--color-accent) !important; }

/* ============================================================
   My Account 交付中心 Dashboard（§24.4-24.5 · 对照 Account.jsx）
   会员状态模块 + 新手破局启动进度条 + 6 快捷入口卡（复用 .cardgrid--3/.cell）。
   ============================================================ */
.acct-intro { font-size: 15px; color: var(--color-ink-mid); line-height: 1.8; margin: 0 0 var(--space-6); max-width: 620px; }
/* 会员状态模块 */
.acct-status { display: flex; justify-content: space-between; align-items: center; gap: var(--space-5); flex-wrap: wrap;
	border: var(--hairline-strong); background: var(--color-bg-alt); padding: var(--space-5) var(--space-6); }
.acct-status--free { border-top: 2px solid var(--color-accent); }
.acct-status__main { min-width: 0; }
.acct-status__title { font-family: var(--font-body); font-weight: 500; font-size: 17px; color: var(--color-ink); margin: 0; }
.acct-status__desc { font-size: 13.5px; color: var(--color-ink-mid); line-height: 1.7; margin: var(--space-2) 0 0; max-width: 640px; }
.acct-status .btn { flex-shrink: 0; }
/* 新手破局启动进度条 */
.acct-onboard { border: var(--hairline-strong); background: var(--color-bg-alt); padding: var(--space-6); margin-top: var(--space-5); }
.acct-onboard__head { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; flex-wrap: wrap; }
.acct-onboard__title { font-family: var(--font-body); font-weight: 500; font-size: 18px; color: var(--color-ink); margin: 0; }
.acct-onboard__count { font-size: 13px; color: var(--color-ink-mid); } /* AA：进度计数 */
.acct-onboard__sub { font-size: 14px; color: var(--color-ink-mid); margin: var(--space-2) 0 var(--space-4); }
.acct-onboard .progress { margin: 0 0 var(--space-4); }
.acct-steps { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--space-3); }
.acct-steps li { display: flex; align-items: center; gap: 12px; font-size: 15px; color: var(--color-ink-mid); }
.acct-steps li.is-done { color: var(--color-ink); }
.acct-steps .sb-icon { flex-shrink: 0; }
.acct-onboard__cta { margin-top: var(--space-5); }
/* 6 快捷入口卡 */
.acct-cards { margin-top: var(--space-6); }
/* 隐藏账户页 GP 默认页标题（「我的帐户」），由 .acct-head「交付中心」头部充当，避免重复 */
.woocommerce-account .entry-header, .woocommerce-account .page-header { display: none; }

/* ============================================================
   关于 / 联系 / 通讯（§8.6 · 对照 MiscPages AboutView/ContactView/NewsletterPageView）
   ============================================================ */
/* about「不是什么」：复用 .sp-rights 2 列发丝线网格，限宽居中 */
.about-not { max-width: 820px; margin-left: auto; margin-right: auto; }
/* contact 可联系场景 6 项发丝线网格 */
.scenes { display: grid; grid-template-columns: repeat(3,1fr); border: var(--hairline-strong); margin-top: var(--space-8); }
.scenes__item { display: flex; align-items: center; gap: 12px; padding: var(--space-5) var(--space-6); font-size: 15px; color: var(--color-ink);
	border-left: var(--hairline-strong); border-top: var(--hairline-strong); }
.scenes__item:nth-child(-n+3) { border-top: none; }
.scenes__item:nth-child(3n+1) { border-left: none; }
.scenes .sb-icon { flex-shrink: 0; }
@media (max-width: 760px){
	.scenes { grid-template-columns: 1fr; }
	.scenes__item { border-left: none; border-top: var(--hairline-strong); }
	.scenes__item:first-child { border-top: none; }
}
/* contact 表单 */
.cform { max-width: 680px; margin: 0 auto; display: flex; flex-direction: column; gap: var(--space-4); }
.cform__row { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-4); }
.cform input, .cform select, .cform textarea { width: 100%; border: var(--hairline-strong); border-radius: var(--radius-sm); background: var(--color-bg-inset);
	padding: 0 16px; height: 52px; font-family: var(--font-body); font-size: 15px; color: var(--color-ink); outline: none; }
.cform textarea { height: auto; padding: 14px 16px; line-height: 1.7; resize: vertical; }
.cform input:focus, .cform select:focus, .cform textarea:focus { border-color: var(--color-accent); }
.cform .btn { align-self: flex-start; }
.cform__note { font-size: 13px; color: var(--color-ink-soft); margin: 0; }
.cform__hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.cform-success { border: 1px solid var(--color-accent); border-radius: var(--radius-card); background: var(--color-bg-alt); padding: var(--space-7); text-align: center; max-width: 680px; margin: 0 auto; }
.cform-success__h { font-family: var(--font-display); font-weight: 600; font-size: 28px; margin: var(--space-3) 0 0; color: var(--color-ink); }
.cform-error { max-width: 680px; margin: 0 auto var(--space-5); border-top: 3px solid var(--color-accent); background: var(--color-bg-alt); padding: var(--space-4) var(--space-5); font-size: 14px; color: var(--color-ink); }
@media (max-width: 560px){ .cform__row { grid-template-columns: 1fr; } }
/* newsletter 右「你会收到」卡 */
.nl-box { border: var(--hairline-strong); background: var(--color-bg-alt); border-radius: var(--radius-card); padding: var(--space-6); }
.nl-box__h { font-family: var(--font-display); font-weight: 600; font-size: 26px; color: var(--color-ink); margin-bottom: var(--space-5); }
.nl-box .s72-gainlist { margin-top: 0; }
.nl-form { max-width: 460px; }

/* Newsletter 表单蜜罐隐藏 + 订阅成功态（§8.9 FluentCRM 捕获） */
.sb-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.nl-ok { display: inline-flex; align-items: center; gap: 8px; color: var(--color-accent); font-size: 15px; margin-top: var(--space-6); }
.nl-ok .sb-icon, .foot-news__ok .sb-icon { flex-shrink: 0; }
.foot-news__ok { display: inline-flex; align-items: center; gap: 8px; color: var(--color-accent); font-size: 15px; }

/* ============================================================
   WOOCOMMERCE 订单 / 订阅 / 账户详情品牌化（问题 C）
   —— 美化默认 view-order / orders / view-subscription / edit-account 模板，
   不覆盖模板（品牌页头经 functions.php WC endpoint 钩子注入 .acct-head）。
   全部复用既有 token；选择器限定 .woocommerce-* 命名空间，不影响结账/产品页。
   表格抄 .mcompare 范式：铜调表头 + 发丝线行 + alt 底 hover；圆角 0、无阴影。
   ============================================================ */
.woocommerce-orders-table,
.woocommerce-table--order-details,
.woocommerce-table--subscription-details,
.woocommerce-MyAccount-content table.shop_table {
	width: 100%; border-collapse: collapse; border: var(--hairline-strong);
	margin-bottom: var(--space-6); border-radius: var(--radius); overflow: hidden;
}
.woocommerce-orders-table th,
.woocommerce-table--order-details th,
.woocommerce-MyAccount-content table.shop_table th {
	font-family: var(--font-display); font-weight: 500; color: var(--color-ink);
	text-align: left; padding: 14px 18px; border-bottom: var(--hairline-strong); background: transparent;
}
.woocommerce-orders-table td,
.woocommerce-table--order-details td,
.woocommerce-MyAccount-content table.shop_table td {
	padding: 14px 18px; border-bottom: var(--hairline); font-size: 14.5px; color: var(--color-ink-mid);
}
.woocommerce-orders-table tbody tr:hover { background: var(--color-bg-alt); }
.woocommerce-MyAccount-content table.shop_table tfoot th,
.woocommerce-table--order-details tfoot th,
.woocommerce-table--order-details tfoot td { color: var(--color-ink); font-weight: 500; }
.woocommerce-MyAccount-content .woocommerce-Price-amount { font-family: var(--font-display); color: var(--color-ink); }

/* 分区标题（订单详情 / 账单地址 / 相关订阅 等） */
.woocommerce-column__title,
.woocommerce-order-details__title,
.woocommerce-customer-details h2,
.woocommerce-MyAccount-content h2,
.woocommerce-MyAccount-content h3 {
	font-family: var(--font-display); font-weight: 500; font-size: 18px;
	color: var(--color-ink); margin: var(--space-6) 0 var(--space-4); letter-spacing: 0;
}

/* 地址块 —— .card 范式（发丝线描边 + 内距，去斜体） */
.woocommerce-customer-details address,
.woocommerce-column--billing-address address,
.woocommerce-column--shipping-address address {
	border: var(--hairline-strong); padding: var(--space-5) var(--space-6); border-radius: var(--radius-card); background: var(--color-bg-alt);
	font-style: normal; color: var(--color-ink-mid); line-height: 1.9;
}

/* 订单 / 订阅 状态徽标 —— 铜色描边，替换默认浅色块 */
.woocommerce-orders-table mark.order-status,
.woocommerce-orders-table .subscription-status,
.woocommerce-MyAccount-content mark.order-status,
.woocommerce-MyAccount-content .order-status {
	background: var(--color-accent-soft) !important; border: 1px solid var(--color-accent);
	color: var(--color-ink); border-radius: var(--radius-pill); padding: 2px 10px; font-size: 12px; font-weight: 500;
}

/* 分区上方留白 + 「再次购买/付款」按钮继承品牌（style.css 已覆盖 .woocommerce a.button） */
.woocommerce-order-details, .woocommerce-customer-details,
.woocommerce-MyAccount-content .subscription_details { margin-top: var(--space-6); }

/* 移动端：订单/订阅列表保留发丝线、表头隐藏（沿用 WC 响应式，仅去默认圆角/阴影） */
@media (max-width: 600px) {
	.woocommerce-orders-table, .woocommerce-table--order-details { border: var(--hairline-strong); }
}

/* ============================================================
   HERO 顶部辐射辉光（VRV）—— 纯 CSS ::before，不改模板/结构。
   顶部居中柔和靛蓝辉光（--color-glow），克制；hero 内容容器置于辉光之上。
   ============================================================ */
.home-hero, .phero, .lhero, .ahero, .plhero, .ihero, .s72-hero, .mhero {
	position: relative;
	overflow: hidden;
}
.home-hero::before, .phero::before, .lhero::before, .ahero::before,
.plhero::before, .ihero::before, .s72-hero::before, .mhero::before {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: min(820px, 92vw);
	height: 480px;
	background: radial-gradient(circle at 50% 0, var(--color-glow), transparent 70%);
	pointer-events: none;
	z-index: 0;
}
/* hero 内容容器抬到辉光之上（避免被盖住） */
.home-hero__grid, .s72-hero__grid, .lhero__grid, .ahero__grid,
.plhero__grid, .ihero__grid, .phero > *, .mhero > * {
	position: relative;
	z-index: 1;
}