/* ==========================================================================
   DPH Door CSS · 一书一器专区（/yishu/）        Mark: DPH-DOOR-YISHU-20261017
   --------------------------------------------------------------------------
   加载：由同目录 dph-door-yishu.php 在 wp_enqueue_scripts(1100) 按页条件加载
         （仅 is_page('yishu') 时输出）⇒ 全站其它页面零影响、零字节成本。
   依赖：array('dph-ui')，保证排在主题样式之后（同特异性下后者胜）。
   前提：全部走 var(--tb--*) 主题令牌 ＋ 自带回退值。
   字形：装饰只用白名单内字符（◆ ● ▲ ▼ ■ → ★ · —）。
   回滚：rm 本文件与 dph-door-yishu.php ＋ 删除 page（slug yishu）
   ========================================================================== */

.dys-wrap{--dys-ink:var(--tb--base,#202935);--dys-dim:var(--tb--content,#6c7781);
  --dys-line:var(--tb--line,#edf0f6);--dys-soft:var(--tb--bdbg,#f6f7fa);
  --dys-acc:var(--tb--main,#1f80ff);--dys-ok:#0f7b4f;--dys-okbg:#e8f6ef}
.dys-wrap{width:100%;max-width:100%;margin:0;padding:0;color:var(--dys-ink);
  font-size:15px;line-height:1.75}
.dys-wrap *{box-sizing:border-box}
.dys-wrap p{margin:0}

.dys-lead{background:var(--dys-soft);border:1px solid var(--dys-line);border-radius:14px;
  padding:22px 24px;margin:0 0 26px}
.dys-lead p + p{margin-top:9px}
.dys-dim{color:var(--dys-dim);font-size:13px}

.dys-quick{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 30px}
.dys-quick a{font-size:13px;line-height:1;color:var(--dys-acc);background:var(--dys-soft);
  border:1px solid var(--dys-line);border-radius:999px;padding:5px 13px;text-decoration:none}
.dys-quick a:hover{border-color:var(--dys-acc)}

.dys-sec{margin:0 0 34px}
.dys-sec:last-of-type{margin-bottom:26px}
.dys-h{display:flex;align-items:baseline;gap:10px;padding-bottom:9px;
  border-bottom:2px solid var(--dys-ink)}
.dys-h h2{margin:0;font-size:17px;font-weight:700;line-height:1.45}
.dys-h h2 em{font-style:normal;margin-left:8px;font-size:13px;font-weight:400;
  color:var(--dys-dim)}
.dys-h a{margin-left:auto;font-size:13px;color:var(--dys-acc);text-decoration:none;
  white-space:nowrap}
.dys-h a:hover{text-decoration:underline}
.dys-note{margin:11px 0 2px;font-size:13px;color:var(--dys-dim)}

.dys-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;
  padding:14px 0 2px}
.dys-card{display:flex;gap:14px;min-width:0;border:1px solid var(--dys-line);
  border-radius:12px;padding:14px;background:transparent}
.dys-card:hover{border-color:var(--dys-acc)}
.dys-cover{flex:0 0 auto;display:block}
.dys-cover img{width:112px;height:auto;display:block;border:1px solid var(--dys-line);
  border-radius:8px}
.dys-body{min-width:0}
.dys-skill{display:inline-block;font-size:11px;line-height:1;color:var(--dys-ok);
  background:var(--dys-okbg);border-radius:4px;padding:3px 6px;margin:0 0 7px}
.dys-name{margin:0 0 6px;font-size:15.5px;font-weight:700;line-height:1.5}
.dys-name a{color:var(--dys-ink);text-decoration:none;border-bottom:1px solid transparent}
.dys-name a:hover{color:var(--dys-acc);border-bottom-color:var(--dys-acc)}
.dys-use{margin:0;font-size:13.5px;color:var(--dys-dim)}
.dys-cite{margin:7px 0 0;font-size:12px;color:var(--dys-dim)}

.dys-wrap h2[id]{scroll-margin-top:24px}
.dys-foot{margin:0;padding-top:14px;border-top:1px solid var(--dys-line);
  color:var(--dys-dim);font-size:13px}
.dys-foot p + p{margin-top:7px}
.dys-foot a{color:var(--dys-acc);text-decoration:none}
.dys-foot a:hover{text-decoration:underline}

@media(max-width:980px){.dys-cards{grid-template-columns:1fr}}
@media(max-width:700px){
  .dys-lead{padding:18px}
  .dys-quick{gap:6px}.dys-quick a{padding:5px 11px}
  .dys-cover img{width:92px}
}