/* 每周精选：像一封每周寄来的信。只用 shared-nav.css 的颜色与字体变量，深浅两种主题都生效。 */
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.8 var(--font-sans)}
a{color:var(--accent-text)}
[hidden]{display:none!important}
a:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.dg{max-width:820px;margin:0 auto;padding:0 24px 72px}

.dg-mast{padding:52px 0 26px;text-align:center}
.dg-eyebrow{margin:0 0 14px;font-size:11px;font-weight:700;letter-spacing:3px;color:var(--muted)}
.dg-mast h1{margin:0;font:600 clamp(34px,5vw,48px)/1.15 var(--font-serif);letter-spacing:.06em}
.dg-mast h1 span{display:block;margin-top:8px;font:italic 400 clamp(17px,2vw,21px)/1.3 var(--font-num);color:var(--muted);letter-spacing:.02em}
:root[lang=en] .dg-mast h1 span{display:none}
.dg-lead{max-width:34em;margin:18px auto 0;color:var(--ink-2);font-size:16px;line-height:1.9}
.dg-issue{display:inline-flex;align-items:center;gap:10px;margin:22px 0 0;padding:6px 16px;border:1px solid color-mix(in srgb,var(--gold) 45%,transparent);border-radius:999px;background:var(--gold-soft);font-size:13.5px;color:var(--ink)}
.dg-issue:empty{display:none}
.dg-issue b{font:600 14px/1 var(--font-num);color:color-mix(in srgb,var(--gold) 70%,var(--ink))}

.dg-letter{margin-top:22px;padding:34px 38px 30px;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:var(--shadow)}
.dg-overview{position:relative;margin:0 0 26px;padding:0 0 22px;border-bottom:1px solid var(--line);font:500 17px/1.95 var(--font-serif);color:var(--ink)}
.dg-overview:empty{display:none}
.dg-h2{margin:0 0 14px;font:600 13px/1.4 var(--font-sans);letter-spacing:2px;color:var(--muted)}
.dg-picks{list-style:none;margin:0;padding:0;counter-reset:pick}
.dg-pick{position:relative;display:grid;grid-template-columns:52px minmax(0,1fr);gap:0 16px;padding:20px 0;border-top:1px dashed var(--line)}
.dg-pick:first-child{border-top:0;padding-top:6px}
.dg-pick::before{counter-increment:pick;content:counter(pick,decimal-leading-zero);font:500 30px/1.1 var(--font-num);color:var(--gold)}
.dg-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 4px;font-size:12.5px;color:var(--muted)}
.dg-src{padding:1px 9px;border:1px solid var(--line-strong);border-radius:999px;font-weight:600;color:var(--ink-2)}
.dg-title{margin:0;font:600 18px/1.5 var(--font-num);color:var(--ink)}
.dg-title a{color:inherit;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .15s}
.dg-title a:hover{border-bottom-color:var(--gold)}
.dg-authors{margin:3px 0 0;font-size:13px;color:var(--muted)}
.dg-why{margin:10px 0 0;padding:10px 14px;border-radius:10px;background:color-mix(in srgb,var(--gold-soft) 70%,transparent);font-size:14.5px;line-height:1.85;color:var(--ink-2)}
.dg-why:empty{display:none}
.dg-more{margin-top:18px;padding-top:18px;border-top:1px solid var(--line);text-align:center;font-size:14px;color:var(--ink-2)}
.dg-more:empty{display:none}

.dg-waiting{margin-top:22px;padding:46px 30px;border:1px dashed var(--line-strong);border-radius:18px;text-align:center;color:var(--ink-2)}
.dg-waiting-mark{margin:0;font-size:26px;color:var(--gold)}
.dg-waiting h2{margin:8px 0 6px;font:600 22px/1.4 var(--font-serif)}
.dg-waiting p{margin:0}

.dg-how{margin-top:44px}
.dg-steps{list-style:none;margin:0;padding:0;display:grid;gap:12px;counter-reset:step}
.dg-steps li{position:relative;padding:14px 18px 14px 56px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.dg-steps li::before{counter-increment:step;content:counter(step);position:absolute;left:18px;top:14px;width:24px;height:24px;border-radius:50%;background:var(--accent-soft);color:var(--accent-text);font:600 13px/24px var(--font-num);text-align:center}
.dg-steps b{display:block;font-size:15px}
.dg-steps span{display:block;margin-top:2px;font-size:14px;line-height:1.8;color:var(--ink-2)}

.dg-pro{margin-top:40px;padding:28px 30px;border-radius:18px;text-align:center;background:linear-gradient(135deg,var(--accent-soft),transparent 75%),var(--surface);border:1px solid var(--line)}
.dg-pro h2{margin:0 0 8px;font:600 20px/1.4 var(--font-serif)}
.dg-pro p{max-width:36em;margin:0 auto;color:var(--ink-2);font-size:14.5px}
.dg-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:18px}
.dg-btn{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 20px;border:1px solid var(--line-strong);border-radius:999px;background:var(--surface);color:var(--ink);font-size:14px;font-weight:500;text-decoration:none}
.dg-btn:hover{border-color:var(--accent-2)}
.dg-btn.primary{border-color:var(--accent);background:var(--accent);color:var(--accent-ink);font-weight:600}
.dg-btn.primary:hover{background:var(--accent-hover)}

@media (max-width:640px){
  .dg{padding:0 16px 56px}
  .dg-mast{padding:34px 0 18px}
  .dg-letter{padding:22px 18px 20px;border-radius:14px}
  .dg-pick{grid-template-columns:38px minmax(0,1fr);gap:0 10px}
  .dg-pick::before{font-size:24px}
  .dg-title{font-size:16.5px}
}