.drn-cn .drn-empty{opacity:.7;padding:12px}
.drn-layout-list{display:grid;grid-template-columns:1fr;gap:var(--drn-gap)}
.drn-layout-grid{display:grid;grid-template-columns:repeat(var(--drn-columns), minmax(0,1fr));gap:var(--drn-gap)}
.drn-card{background:var(--drn-card-bg);border:var(--drn-card-border);box-shadow:var(--drn-card-shadow);border-radius:var(--drn-radius);padding:0;text-decoration:none;display:block;transition:transform .15s ease, background .15s ease, box-shadow .15s ease}
.drn-card:hover{background:var(--drn-card-bg-hover);transform:var(--drn-hover-transform)}
.drn-card-inner{padding:var(--drn-padding)}
.drn-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;gap:8px}
.drn-badge{display:inline-flex;align-items:center;gap:8px;background:var(--drn-accent-bg);color:var(--drn-accent-color);padding:4px 8px;border-radius:999px;font-size:12px;font-weight:600}
.drn-favicon{width:16px;height:16px;border-radius:4px}
.drn-site{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}
.drn-date{font-size:var(--drn-meta-size);color:var(--drn-meta-color)}
.drn-title{font-size:var(--drn-title-size);font-weight:var(--drn-title-weight);line-height:1.5;color:var(--drn-title-color)}
.drn-card:hover .drn-title{color:var(--drn-title-hover)}
.drn-cn{display:block}