/*! 34 · 标签页与稍后读清单归并 · 收件箱（紫罗兰 × 域名分组 × 去重卡） */
.dk-34 {
    --ml-page: #f6f3fd;
    --ml-card: #ffffff;
    --ml-card-2: #faf8fe;
    --ml-ink: #231a38;
    --ml-sub: #594d73;
    --ml-faint: #8f84a5;
    --ml-line: #e4dcf3;
    --ml-line-2: #f0eaf9;
    --ml-accent: #6b45c6;
    --ml-accent-2: #a98be6;
    --ml-accent-soft: #eee6fc;
    --ml-good: #14795d;
    --ml-good-soft: #e2f3ea;
    --ml-warn: #9a6810;
    --ml-warn-soft: #faf0d8;
    --ml-bad: #b23e62;
    --ml-bad-soft: #fae6ee;
    --ml-font-display: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", system-ui, sans-serif;
    background: radial-gradient(820px 320px at 2% -8%, rgba(169, 139, 230, .2), transparent 62%), var(--ml-page);
}
:root[data-theme="dark"] .dk-34 {
    --ml-page: #120e1e;
    --ml-card: #1c1730;
    --ml-card-2: #241d3c;
    --ml-ink: #f0e9ff;
    --ml-sub: #c6b8e2;
    --ml-faint: #9384b3;
    --ml-line: #332a4e;
    --ml-line-2: #282040;
    --ml-accent: #bda2f5;
    --ml-accent-2: #7d57cc;
    --ml-accent-soft: #2e224b;
    --ml-good-soft: #16352a;
    --ml-warn-soft: #382b13;
    --ml-bad-soft: #3a1c2b;
}
.dk-34 .ml-hero { grid-template-columns: minmax(0, 1fr) minmax(400px, 490px); }
.dk-34 .ml-feature i { background: var(--ml-accent); color: #fff; }
.dk-34 .dk-console-h { background: linear-gradient(100deg, #5b37b0, #9b76de); }
.dk-34 .dk-console { border-top: 3px solid #c9b2f0; }
.dk-34 .dk-opts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.dk-34 .dk-line { border-left: 3px solid var(--ml-accent); }

/* 域名分组 */
.m34-groups { display: grid; gap: 12px; }
.m34-group { border: 1px solid var(--ml-line); border-radius: 11px; overflow: hidden; background: var(--ml-card); }
.m34-group-h { display: flex; justify-content: space-between; gap: 8px; align-items: center; padding: 10px 14px; background: var(--ml-accent-soft); }
.m34-group-h b { font: 800 13px/1.5 var(--ml-font-num); color: var(--ml-accent); }
.m34-group-h span { font-size: 11.5px; color: var(--ml-sub); }
.m34-group-b { padding: 10px 13px; display: grid; gap: 8px; }
.m34-item { display: grid; grid-template-columns: 1fr auto; gap: 8px; padding: 10px 12px; border: 1px solid var(--ml-line-2); border-left: 3px solid var(--ml-accent-2); border-radius: 7px; background: var(--ml-card-2); }
.m34-item.is-stale { border-left-color: var(--ml-bad); background: var(--ml-bad-soft); }
.m34-item b { display: block; font-size: 13px; line-height: 1.5; }
.m34-item .url { display: block; margin-top: 4px; font: 11px/1.6 var(--ml-font-num); color: var(--ml-sub); word-break: break-all; }
.m34-item .tags { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 7px; }
.m34-item .side { text-align: right; font: 700 11px/1.7 var(--ml-font-num); color: var(--ml-faint); white-space: nowrap; }

.m34-fail { display: grid; gap: 6px; }
.m34-fail div { padding: 8px 11px; border-left: 3px solid var(--ml-bad); border-radius: 6px; background: var(--ml-bad-soft); font: 11.5px/1.7 var(--ml-font-num); color: var(--ml-sub); }
.m34-preview { width: 100%; min-height: 120px; padding: 10px 12px; border: 1px solid var(--ml-line); border-radius: 8px; background: var(--ml-card-2); color: var(--ml-sub); font: 11px/1.6 var(--ml-font-num); resize: vertical; }
@media (max-width: 900px) { .dk-34 .ml-hero { grid-template-columns: 1fr; } }
