/* ==========================================================================
   /guides/ 索引卡片（2026-09-28）
   ==========================================================================
   ⛔ 每个选择器都必须带 `.hentry .entry-content` 前缀 —— 这不是洁癖，是必须：

      Storefront 的 style.css 里有
          .hentry .entry-content a { text-decoration: underline }    特异性 (0,2,1)
      它的 customizer 内联块里还有
          .hentry .entry-content a { color: #7f54b3 }                特异性 (0,2,1)
      （#7f54b3 就是 WooCommerce 品牌紫。）

      我第一版写 `.ddg-link{text-decoration:none}` 只有 (0,1,0) = **输了**，
      结果：摘要文字一条条全带紫下划线，而 CSS 里明明写着 none。
      ← 症状极具迷惑性：规则在、命中、却没生效（静默失败）。

      `.hentry .entry-content .ddg-…` = (0,3,x) > 21 → 稳赢，且不靠 !important。
      ✅ 这也是主题自己的做法：它用 `.hentry .entry-content a.button{text-decoration:none}`
         给按钮开这个口子，我们沿用同一约定。

   ⛔ 下划线那一条**只能加在 <a> 上**：CSS 里 text-decoration 是不可继承属性，
      但它的**装饰线会画穿后代**，且后代无法用 `text-decoration:none` 撤销
      （规范如此）。所以 .ddg-title / .ddg-desc 上写多少 none 都没用，
      必须把 <a> 自己那条压掉。

   颜色走 style.css 的 token，配色只有一处事实源。
   ⛔ 卡片只出现在 /guides/ 一页 → 不内联，走条件 enqueue 的 guides.css。
      外链 CSS 有 10 年 expires，改这里必须 bump DD_CHILD_VERSION。
   ⛔ 不做 hover 位移/阴影动画：这条轴的消费者包含爬虫，装饰性动效对 GEO 零收益。
   ========================================================================== */
.hentry .entry-content .ddg-wrap{max-width:820px}
.hentry .entry-content .ddg-intro{font-size:1.0625em;line-height:1.7;
	color:var(--dd-text-muted);margin:0 0 2em}
.hentry .entry-content .ddg-group{margin:0 0 2.25em}
.hentry .entry-content .ddg-group-title{font-size:1.125em;margin:0 0 .85em;
	padding-bottom:.5em;border-bottom:2px solid var(--dd-accent);
	display:inline-block;letter-spacing:-.2px;color:var(--dd-text)}
.hentry .entry-content .ddg-list{list-style:none;margin:0;padding:0}
.hentry .entry-content .ddg-item{margin:0 0 .9em;list-style:none}

/* <a> 本体：压掉主题的 underline + 紫，并把自己变成"卡片" */
.hentry .entry-content .ddg-wrap a.ddg-link{display:block;padding:1em 1.15em;
	border:1px solid var(--dd-border);border-radius:8px;background:#fff;
	text-decoration:none;color:var(--dd-text)}
.hentry .entry-content .ddg-wrap a.ddg-link:hover,
.hentry .entry-content .ddg-wrap a.ddg-link:focus{border-color:var(--dd-accent);
	text-decoration:none;color:var(--dd-text)}

/* 后代 span 上**再写一遍** none：不是必需，但让"这里不该有下划线"这件事
   在源码里看得见 —— 下一条是想改样式的人最容易踩的坑。 */
.hentry .entry-content .ddg-title{display:block;font-weight:700;font-size:1.0625em;
	line-height:1.35;color:var(--dd-text);margin:0 0 .4em;text-decoration:none}
.hentry .entry-content .ddg-wrap a.ddg-link:hover .ddg-title,
.hentry .entry-content .ddg-wrap a.ddg-link:focus .ddg-title{color:var(--dd-accent)}
.hentry .entry-content .ddg-desc{display:block;font-size:.9375em;line-height:1.6;
	color:var(--dd-text-muted);text-decoration:none}

.hentry .entry-content .ddg-cross{margin:2.5em 0 0;padding:1.35em 1.5em;
	border:1px solid var(--dd-border);border-radius:8px;background:#f6fafb}
.hentry .entry-content .ddg-cross p{font-size:.9375em;line-height:1.65;
	color:var(--dd-text-muted);margin:0 0 1em}
.hentry .entry-content .ddg-cross p:last-child{margin:0}
.hentry .entry-content .ddg-wrap a.ddg-cta{display:inline-block;padding:.7em 1.4em;
	border-radius:6px;background:var(--dd-accent);color:#fff;font-weight:600;
	font-size:.9375em;text-decoration:none}
.hentry .entry-content .ddg-wrap a.ddg-cta:hover,
.hentry .entry-content .ddg-wrap a.ddg-cta:focus{background:var(--dd-dark-bg);
	color:#fff;text-decoration:none}

@media (max-width:600px){
	.hentry .entry-content .ddg-wrap a.ddg-link{padding:.9em 1em}
	.hentry .entry-content .ddg-title{font-size:1em}
	.hentry .entry-content .ddg-desc{font-size:.9em}
}