/* ============================================================
   抖音评论截图生成器 douyin-comment — 本工具专有样式
   ============================================================ */

/* 评论卡片头部的「删除」按钮 */
.dy-fold { border-radius: 11px; }
.dy-fold > summary { gap: 8px; }
.dy-del {
    margin-left: auto;
    border: 1px solid #ffe0e4;
    background: #fff5f6;
    color: #e6455c;
    font-size: 11.5px;
    font-weight: 600;
    padding: 3px 9px;
    border-radius: 7px;
    cursor: pointer;
}
.dy-del:hover { background: #ffe9ec; border-color: #ffc9d1; }
.dy-fold > summary::after { margin-left: 0; }

/* 二级回复卡 */
.dy-reply {
    border: 1px solid #eef2f7;
    border-radius: 9px;
    padding: 9px 10px;
    margin-bottom: 8px;
    background: #fbfcfe;
}
.dy-reply-head {
    display: flex; align-items: center; gap: 8px;
    font-size: 12px; font-weight: 600; color: #64748b;
    margin-bottom: 8px;
}
.dy-reply-head .dy-del { padding: 2px 7px; font-size: 11px; }

/* 上传行 */
.dy-upload { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.dy-thumb {
    width: 40px; height: 40px;
    border-radius: 8px;
    object-fit: cover;
    border: 1px solid #e2e8f0;
    background: #f8fafc;
}
.dy-thumb.round { border-radius: 50%; }
.dy-clear {
    border: none; background: none; cursor: pointer;
    color: #94a3b8; font-size: 12px; padding: 2px 4px;
}
.dy-clear:hover { color: #e6455c; }

/* 小字说明 */
.dy-mini { font-size: 11.5px; color: #94a3b8; margin-top: 6px; }

html.dark .dy-del { background: #2a1a1e; border-color: #4a2630; color: #ff8494; }
html.dark .dy-reply { background: #15151b; border-color: #262c38; }
html.dark .dy-thumb { border-color: #2e2e3a; background: #15151b; }